{"id":8316,"date":"2025-03-03T15:56:55","date_gmt":"2025-03-03T14:56:55","guid":{"rendered":"https:\/\/sapinnov.com\/?p=8316"},"modified":"2025-03-03T15:57:56","modified_gmt":"2025-03-03T14:57:56","slug":"le-formatage-des-donnees-dans-les-applications-sapui5","status":"publish","type":"post","link":"https:\/\/sapinnov.com\/index.php\/2025\/03\/03\/le-formatage-des-donnees-dans-les-applications-sapui5\/","title":{"rendered":"Le formatage des donn\u00e9es dans les applications SAPUI5"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\" id=\"ember53\">Dans le d\u00e9veloppement d&rsquo;applications SAPUI5, le formatage des donn\u00e9es est une \u00e9tape cruciale souvent n\u00e9glig\u00e9e. Pourtant, une pr\u00e9sentation claire et coh\u00e9rente des montants, quantit\u00e9s, dates, et autres informations est essentielle pour garantir une exp\u00e9rience utilisateur optimale. Dans cet article, nous comprenons pourquoi le formatage des donn\u00e9es est important et quelles techniques utiliser pour y parvenir efficacement.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"ember54\">En quoi est-ce important ?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"ember55\">Le formatage des donn\u00e9es dans le d\u00e9veloppement d&rsquo;applications SAPUI5 est plus impactant qu\u2019il n\u2019y para\u00eet pour plusieurs raisons :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Clart\u00e9 et lisibilit\u00e9 :<\/strong> des donn\u00e9es bien format\u00e9es, telles que des montants avec leur devise (par exemple, \u201c1 000,00 \u20ac\u00a0\u00bb) ou des quantit\u00e9s avec leur unit\u00e9 (par exemple, \u00ab\u00a010 kg\u00a0\u00bb), sont plus faciles \u00e0 lire et \u00e0 comprendre. Cela permet aux utilisateurs de saisir rapidement les informations sans ambigu\u00eft\u00e9.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Pr\u00e9vention des erreurs :<\/strong> un formatage pr\u00e9cis aide \u00e0 \u00e9viter des erreurs courantes, comme les arrondis incorrects des montants ou les formats de dates ambigus. Par exemple, afficher une date comme \u00ab\u00a01er f\u00e9vrier 2023\u00a0\u00bb plut\u00f4t que \u00ab\u00a001\/02\/2023\u00a0\u00bb \u00e9limine toute confusion potentielle.<\/li>\n\n\n\n<li><strong>Exp\u00e9rience utilisateur :<\/strong> une application qui pr\u00e9sente des donn\u00e9es de mani\u00e8re coh\u00e9rente et professionnelle am\u00e9liore l&rsquo;exp\u00e9rience utilisateur. La consistance dans le formatage renforce la cr\u00e9dibilit\u00e9 de l&rsquo;application et offre une interface plus intuitive et agr\u00e9able.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"ember58\">Quelles sont les techniques ?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"ember59\">Prenons comme exemple les donn\u00e9es suivantes, expos\u00e9es dans un service OData au format typique du backend SAP :<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"549\" height=\"260\" src=\"https:\/\/sapinnov.com\/wp-content\/uploads\/2025\/03\/image.png\" alt=\"\" class=\"wp-image-8319\" style=\"width:237px;height:auto\" srcset=\"https:\/\/sapinnov.com\/wp-content\/uploads\/2025\/03\/image.png 549w, https:\/\/sapinnov.com\/wp-content\/uploads\/2025\/03\/image-300x142.png 300w\" sizes=\"auto, (max-width: 549px) 100vw, 549px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"ember61\">L\u2019affichage de ces donn\u00e9es de mani\u00e8re basique donne le code et le r\u00e9sultat suivant :<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"234\" height=\"117\" src=\"https:\/\/sapinnov.com\/wp-content\/uploads\/2025\/03\/image-1.png\" alt=\"\" class=\"wp-image-8320\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"383\" height=\"433\" src=\"https:\/\/sapinnov.com\/wp-content\/uploads\/2025\/03\/image-2.png\" alt=\"\" class=\"wp-image-8321\" style=\"width:214px;height:auto\" srcset=\"https:\/\/sapinnov.com\/wp-content\/uploads\/2025\/03\/image-2.png 383w, https:\/\/sapinnov.com\/wp-content\/uploads\/2025\/03\/image-2-265x300.png 265w\" sizes=\"auto, (max-width: 383px) 100vw, 383px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"ember64\">Ce manque de formatage peut rendre les donn\u00e9es ambigu\u00ebs et difficiles \u00e0 comprendre pour les utilisateurs. Nous allons maintenant explorer comment appliquer des techniques de formatage pour am\u00e9liorer la pr\u00e9sentation de ces donn\u00e9es.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"ember65\"><strong>Utilisation des types de donn\u00e9es XML<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"ember66\">Les types de donn\u00e9es XML permettent de sp\u00e9cifier comment les donn\u00e9es doivent \u00eatre format\u00e9es sans avoir besoin de recourir \u00e0 des fonctions de formatage personnalis\u00e9es. Une bonne utilisation des types de donn\u00e9es SAPUI5 ou OData rend cette technique tr\u00e8s efficace pour afficher correctement les donn\u00e9es mais aussi pour contr\u00f4ler ce que l\u2019utilisateur saisit dans les formulaires. Les d\u00e9cimales sont affich\u00e9es en fonction de la devise ou de l\u2019unit\u00e9, les dates sont format\u00e9es selon la langue de connexion, etc\u2026<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"ember67\">L\u2019application \u00e0 notre exemple donne le code et le r\u00e9sultat suivants :<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"153\" src=\"https:\/\/sapinnov.com\/wp-content\/uploads\/2025\/03\/image-3-1024x153.png\" alt=\"\" class=\"wp-image-8322\" srcset=\"https:\/\/sapinnov.com\/wp-content\/uploads\/2025\/03\/image-3-1024x153.png 1024w, https:\/\/sapinnov.com\/wp-content\/uploads\/2025\/03\/image-3-300x45.png 300w, https:\/\/sapinnov.com\/wp-content\/uploads\/2025\/03\/image-3-768x115.png 768w, https:\/\/sapinnov.com\/wp-content\/uploads\/2025\/03\/image-3-1536x229.png 1536w, https:\/\/sapinnov.com\/wp-content\/uploads\/2025\/03\/image-3.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"441\" height=\"424\" src=\"https:\/\/sapinnov.com\/wp-content\/uploads\/2025\/03\/image-4.png\" alt=\"\" class=\"wp-image-8323\" style=\"width:267px;height:auto\" srcset=\"https:\/\/sapinnov.com\/wp-content\/uploads\/2025\/03\/image-4.png 441w, https:\/\/sapinnov.com\/wp-content\/uploads\/2025\/03\/image-4-300x288.png 300w\" sizes=\"auto, (max-width: 441px) 100vw, 441px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"ember70\">Un autre avantage de cette m\u00e9thode est qu\u2019elle automatise le contr\u00f4le des valeurs saisies par l\u2019utilisateur ! En effet, si l\u2019on change notre exemple pour en faire un formulaire, le format indiqu\u00e9 dans notre code est pris en compte pour faciliter et v\u00e9rifier la saisie :<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"133\" src=\"https:\/\/sapinnov.com\/wp-content\/uploads\/2025\/03\/image-5-1024x133.png\" alt=\"\" class=\"wp-image-8325\" srcset=\"https:\/\/sapinnov.com\/wp-content\/uploads\/2025\/03\/image-5-1024x133.png 1024w, https:\/\/sapinnov.com\/wp-content\/uploads\/2025\/03\/image-5-300x39.png 300w, https:\/\/sapinnov.com\/wp-content\/uploads\/2025\/03\/image-5-768x100.png 768w, https:\/\/sapinnov.com\/wp-content\/uploads\/2025\/03\/image-5-1536x200.png 1536w, https:\/\/sapinnov.com\/wp-content\/uploads\/2025\/03\/image-5.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"559\" height=\"576\" src=\"https:\/\/sapinnov.com\/wp-content\/uploads\/2025\/03\/image-6.png\" alt=\"\" class=\"wp-image-8326\" style=\"width:256px;height:auto\" srcset=\"https:\/\/sapinnov.com\/wp-content\/uploads\/2025\/03\/image-6.png 559w, https:\/\/sapinnov.com\/wp-content\/uploads\/2025\/03\/image-6-291x300.png 291w\" sizes=\"auto, (max-width: 559px) 100vw, 559px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"ember73\"><strong>Expression binding<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"ember74\">En compl\u00e9ment du format de la donn\u00e9e, il est courant de vouloir ajouter de la logique simple lors de l\u2019affichage de l\u2019\u00e9cran. Par exemple, afficher un \u00e9l\u00e9ment sous certaines conditions, mettre en couleur selon des crit\u00e8res dynamiques, etc\u2026 Cette logique, si toutefois elle est simple, peut \u00eatre directement int\u00e9gr\u00e9e dans le binding XML gr\u00e2ce \u00e0 un binding plus travaill\u00e9, appel\u00e9 \u201cexpression binding\u201d.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"ember75\">Ajoutons par exemple un ic\u00f4ne d\u2019avertissement si le montant saisi d\u00e9passe 5 000 euros. Il faut donc conditionner l\u2019affichage de cet ic\u00f4ne en fonction du montant gr\u00e2ce \u00e0 un expression binding sur sa propri\u00e9t\u00e9 \u201cvisible\u201d :<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"108\" src=\"https:\/\/sapinnov.com\/wp-content\/uploads\/2025\/03\/image-7-1024x108.png\" alt=\"\" class=\"wp-image-8327\" srcset=\"https:\/\/sapinnov.com\/wp-content\/uploads\/2025\/03\/image-7-1024x108.png 1024w, https:\/\/sapinnov.com\/wp-content\/uploads\/2025\/03\/image-7-300x32.png 300w, https:\/\/sapinnov.com\/wp-content\/uploads\/2025\/03\/image-7-768x81.png 768w, https:\/\/sapinnov.com\/wp-content\/uploads\/2025\/03\/image-7-1536x161.png 1536w, https:\/\/sapinnov.com\/wp-content\/uploads\/2025\/03\/image-7.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"481\" src=\"https:\/\/sapinnov.com\/wp-content\/uploads\/2025\/03\/image-8-1024x481.png\" alt=\"\" class=\"wp-image-8328\" style=\"width:564px;height:auto\" srcset=\"https:\/\/sapinnov.com\/wp-content\/uploads\/2025\/03\/image-8-1024x481.png 1024w, https:\/\/sapinnov.com\/wp-content\/uploads\/2025\/03\/image-8-300x141.png 300w, https:\/\/sapinnov.com\/wp-content\/uploads\/2025\/03\/image-8-768x361.png 768w, https:\/\/sapinnov.com\/wp-content\/uploads\/2025\/03\/image-8.png 1369w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"ember78\"><strong>Fonction de formatage complexe<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"ember79\">Lorsque la logique \u00e0 mettre en place est plus complexe et que les expressions binding ne suffisent pas, il est possible de cr\u00e9er une fonction qui sera appel\u00e9e \u00e0 chaque affichage d\u2019un \u00e9l\u00e9ment et dans laquelle on peut impacter son affichage. Ces fonctions sont des formateurs sp\u00e9cifiques impl\u00e9ment\u00e9s en Javascript dans un fichier d\u00e9di\u00e9.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"ember80\">Essayons par exemple d\u2019ajouter le nombre de jours qui nous s\u00e9parent de la date saisie par l\u2019utilisateur. On cr\u00e9e une fonction qui retourne le nombre de jours restants avant une date :<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"188\" src=\"https:\/\/sapinnov.com\/wp-content\/uploads\/2025\/03\/image-9-1024x188.png\" alt=\"\" class=\"wp-image-8329\" srcset=\"https:\/\/sapinnov.com\/wp-content\/uploads\/2025\/03\/image-9-1024x188.png 1024w, https:\/\/sapinnov.com\/wp-content\/uploads\/2025\/03\/image-9-300x55.png 300w, https:\/\/sapinnov.com\/wp-content\/uploads\/2025\/03\/image-9-768x141.png 768w, https:\/\/sapinnov.com\/wp-content\/uploads\/2025\/03\/image-9-1536x282.png 1536w, https:\/\/sapinnov.com\/wp-content\/uploads\/2025\/03\/image-9.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"ember82\">Et on utilise cette fonction lors de la cr\u00e9ation de la vue XML, pour ajouter le nombre de jours restants \u00e0 c\u00f4t\u00e9 de la date saisie. La fonction sp\u00e9cifique sera appel\u00e9e \u00e0 l\u2019ouverture de l\u2019application mais aussi \u00e0 chaque fois que la valeur saisie change, rendant ainsi dynamique l\u2019information du nombre de jours restants :<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"89\" src=\"https:\/\/sapinnov.com\/wp-content\/uploads\/2025\/03\/image-10-1024x89.png\" alt=\"\" class=\"wp-image-8330\" srcset=\"https:\/\/sapinnov.com\/wp-content\/uploads\/2025\/03\/image-10-1024x89.png 1024w, https:\/\/sapinnov.com\/wp-content\/uploads\/2025\/03\/image-10-300x26.png 300w, https:\/\/sapinnov.com\/wp-content\/uploads\/2025\/03\/image-10-768x67.png 768w, https:\/\/sapinnov.com\/wp-content\/uploads\/2025\/03\/image-10-1536x133.png 1536w, https:\/\/sapinnov.com\/wp-content\/uploads\/2025\/03\/image-10.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"746\" height=\"572\" src=\"https:\/\/sapinnov.com\/wp-content\/uploads\/2025\/03\/image-11.png\" alt=\"\" class=\"wp-image-8331\" style=\"width:365px;height:auto\" srcset=\"https:\/\/sapinnov.com\/wp-content\/uploads\/2025\/03\/image-11.png 746w, https:\/\/sapinnov.com\/wp-content\/uploads\/2025\/03\/image-11-300x230.png 300w\" sizes=\"auto, (max-width: 746px) 100vw, 746px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"ember85\">Conclusion<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"ember86\">Avec les types de donn\u00e9es XML, les expressions binding et les fonctions de formatage, nous venons de d\u00e9couvrir 3 techniques simples pour formater correctement les informations affich\u00e9es dans vos applications SAP Fiori. Le framework SAPUI5 permet de faire cela en seulement quelques lignes de code, et pourtant le ressenti utilisateur est grandement am\u00e9lior\u00e9 ! Alors \u00e0 vous de jouer !<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dans le d\u00e9veloppement d&rsquo;applications SAPUI5, le formatage des donn\u00e9es est une \u00e9tape cruciale souvent n\u00e9glig\u00e9e&#8230;.<\/p>\n","protected":false},"author":3,"featured_media":8317,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[42],"tags":[77,76,44],"class_list":["post-8316","post","type-post","status-publish","format-standard","has-post-thumbnail","category-sap-fiori","tag-donnees","tag-format","tag-sapui5"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Le formatage des donn\u00e9es dans les applications SAPUI5 - SAPINNOV - Conseil et d\u00e9veloppement SAP Fiori &amp; SAP BTP<\/title>\n<meta name=\"description\" content=\"Quelques astuces simples pour formater correctement les donn\u00e9es affich\u00e9es dans les applications SAPUI5\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/sapinnov.com\/index.php\/2025\/03\/03\/le-formatage-des-donnees-dans-les-applications-sapui5\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Le formatage des donn\u00e9es dans les applications SAPUI5 - SAPINNOV - Conseil et d\u00e9veloppement SAP Fiori &amp; SAP BTP\" \/>\n<meta property=\"og:description\" content=\"Quelques astuces simples pour formater correctement les donn\u00e9es affich\u00e9es dans les applications SAPUI5\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sapinnov.com\/index.php\/2025\/03\/03\/le-formatage-des-donnees-dans-les-applications-sapui5\/\" \/>\n<meta property=\"og:site_name\" content=\"SAPINNOV - Conseil et d\u00e9veloppement SAP Fiori &amp; SAP BTP\" \/>\n<meta property=\"article:published_time\" content=\"2025-03-03T14:56:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-03T14:57:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/sapinnov.com\/wp-content\/uploads\/2025\/03\/1741003862342.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"720\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Fran\u00e7ois Mesmacque\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fran\u00e7ois Mesmacque\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/sapinnov.com\\\/index.php\\\/2025\\\/03\\\/03\\\/le-formatage-des-donnees-dans-les-applications-sapui5\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/sapinnov.com\\\/index.php\\\/2025\\\/03\\\/03\\\/le-formatage-des-donnees-dans-les-applications-sapui5\\\/\"},\"author\":{\"name\":\"Fran\u00e7ois Mesmacque\",\"@id\":\"https:\\\/\\\/sapinnov.com\\\/#\\\/schema\\\/person\\\/20ff16a73b50b672706552c43136d2ab\"},\"headline\":\"Le formatage des donn\u00e9es dans les applications SAPUI5\",\"datePublished\":\"2025-03-03T14:56:55+00:00\",\"dateModified\":\"2025-03-03T14:57:56+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/sapinnov.com\\\/index.php\\\/2025\\\/03\\\/03\\\/le-formatage-des-donnees-dans-les-applications-sapui5\\\/\"},\"wordCount\":798,\"publisher\":{\"@id\":\"https:\\\/\\\/sapinnov.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/sapinnov.com\\\/index.php\\\/2025\\\/03\\\/03\\\/le-formatage-des-donnees-dans-les-applications-sapui5\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/sapinnov.com\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/1741003862342.png\",\"keywords\":[\"donn\u00e9es\",\"format\",\"sapui5\"],\"articleSection\":[\"SAP Fiori\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/sapinnov.com\\\/index.php\\\/2025\\\/03\\\/03\\\/le-formatage-des-donnees-dans-les-applications-sapui5\\\/\",\"url\":\"https:\\\/\\\/sapinnov.com\\\/index.php\\\/2025\\\/03\\\/03\\\/le-formatage-des-donnees-dans-les-applications-sapui5\\\/\",\"name\":\"Le formatage des donn\u00e9es dans les applications SAPUI5 - SAPINNOV - Conseil et d\u00e9veloppement SAP Fiori &amp; SAP BTP\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/sapinnov.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/sapinnov.com\\\/index.php\\\/2025\\\/03\\\/03\\\/le-formatage-des-donnees-dans-les-applications-sapui5\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/sapinnov.com\\\/index.php\\\/2025\\\/03\\\/03\\\/le-formatage-des-donnees-dans-les-applications-sapui5\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/sapinnov.com\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/1741003862342.png\",\"datePublished\":\"2025-03-03T14:56:55+00:00\",\"dateModified\":\"2025-03-03T14:57:56+00:00\",\"description\":\"Quelques astuces simples pour formater correctement les donn\u00e9es affich\u00e9es dans les applications SAPUI5\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/sapinnov.com\\\/index.php\\\/2025\\\/03\\\/03\\\/le-formatage-des-donnees-dans-les-applications-sapui5\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/sapinnov.com\\\/index.php\\\/2025\\\/03\\\/03\\\/le-formatage-des-donnees-dans-les-applications-sapui5\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/sapinnov.com\\\/index.php\\\/2025\\\/03\\\/03\\\/le-formatage-des-donnees-dans-les-applications-sapui5\\\/#primaryimage\",\"url\":\"https:\\\/\\\/sapinnov.com\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/1741003862342.png\",\"contentUrl\":\"https:\\\/\\\/sapinnov.com\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/1741003862342.png\",\"width\":1280,\"height\":720},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/sapinnov.com\\\/index.php\\\/2025\\\/03\\\/03\\\/le-formatage-des-donnees-dans-les-applications-sapui5\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/sapinnov.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Le formatage des donn\u00e9es dans les applications SAPUI5\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/sapinnov.com\\\/#website\",\"url\":\"https:\\\/\\\/sapinnov.com\\\/\",\"name\":\"SAPINNOV - Conseil et d\u00e9veloppement SAP Fiori &amp; SAP BTP\",\"description\":\"Des applications SAP utiles, agr\u00e9ables et performantes\",\"publisher\":{\"@id\":\"https:\\\/\\\/sapinnov.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/sapinnov.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/sapinnov.com\\\/#organization\",\"name\":\"SAPINNOV - Conseil et d\u00e9veloppement SAP Fiori et SAP BTP\",\"url\":\"https:\\\/\\\/sapinnov.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/sapinnov.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/sapinnov.com\\\/wp-content\\\/uploads\\\/2022\\\/07\\\/logo-sapinnov.png\",\"contentUrl\":\"https:\\\/\\\/sapinnov.com\\\/wp-content\\\/uploads\\\/2022\\\/07\\\/logo-sapinnov.png\",\"width\":736,\"height\":145,\"caption\":\"SAPINNOV - Conseil et d\u00e9veloppement SAP Fiori et SAP BTP\"},\"image\":{\"@id\":\"https:\\\/\\\/sapinnov.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/company\\\/sapinnov\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/sapinnov.com\\\/#\\\/schema\\\/person\\\/20ff16a73b50b672706552c43136d2ab\",\"name\":\"Fran\u00e7ois Mesmacque\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/cd0d63fc2881efbe314ef4ed82cad1ddf83a9dd2514fd336bc3b343173fc43ce?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/cd0d63fc2881efbe314ef4ed82cad1ddf83a9dd2514fd336bc3b343173fc43ce?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/cd0d63fc2881efbe314ef4ed82cad1ddf83a9dd2514fd336bc3b343173fc43ce?s=96&d=mm&r=g\",\"caption\":\"Fran\u00e7ois Mesmacque\"},\"url\":\"https:\\\/\\\/sapinnov.com\\\/index.php\\\/author\\\/fmesmacque\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Le formatage des donn\u00e9es dans les applications SAPUI5 - SAPINNOV - Conseil et d\u00e9veloppement SAP Fiori &amp; SAP BTP","description":"Quelques astuces simples pour formater correctement les donn\u00e9es affich\u00e9es dans les applications SAPUI5","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/sapinnov.com\/index.php\/2025\/03\/03\/le-formatage-des-donnees-dans-les-applications-sapui5\/","og_locale":"fr_FR","og_type":"article","og_title":"Le formatage des donn\u00e9es dans les applications SAPUI5 - SAPINNOV - Conseil et d\u00e9veloppement SAP Fiori &amp; SAP BTP","og_description":"Quelques astuces simples pour formater correctement les donn\u00e9es affich\u00e9es dans les applications SAPUI5","og_url":"https:\/\/sapinnov.com\/index.php\/2025\/03\/03\/le-formatage-des-donnees-dans-les-applications-sapui5\/","og_site_name":"SAPINNOV - Conseil et d\u00e9veloppement SAP Fiori &amp; SAP BTP","article_published_time":"2025-03-03T14:56:55+00:00","article_modified_time":"2025-03-03T14:57:56+00:00","og_image":[{"width":1280,"height":720,"url":"https:\/\/sapinnov.com\/wp-content\/uploads\/2025\/03\/1741003862342.png","type":"image\/png"}],"author":"Fran\u00e7ois Mesmacque","twitter_card":"summary_large_image","twitter_misc":{"\u00c9crit par":"Fran\u00e7ois Mesmacque","Dur\u00e9e de lecture estim\u00e9e":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/sapinnov.com\/index.php\/2025\/03\/03\/le-formatage-des-donnees-dans-les-applications-sapui5\/#article","isPartOf":{"@id":"https:\/\/sapinnov.com\/index.php\/2025\/03\/03\/le-formatage-des-donnees-dans-les-applications-sapui5\/"},"author":{"name":"Fran\u00e7ois Mesmacque","@id":"https:\/\/sapinnov.com\/#\/schema\/person\/20ff16a73b50b672706552c43136d2ab"},"headline":"Le formatage des donn\u00e9es dans les applications SAPUI5","datePublished":"2025-03-03T14:56:55+00:00","dateModified":"2025-03-03T14:57:56+00:00","mainEntityOfPage":{"@id":"https:\/\/sapinnov.com\/index.php\/2025\/03\/03\/le-formatage-des-donnees-dans-les-applications-sapui5\/"},"wordCount":798,"publisher":{"@id":"https:\/\/sapinnov.com\/#organization"},"image":{"@id":"https:\/\/sapinnov.com\/index.php\/2025\/03\/03\/le-formatage-des-donnees-dans-les-applications-sapui5\/#primaryimage"},"thumbnailUrl":"https:\/\/sapinnov.com\/wp-content\/uploads\/2025\/03\/1741003862342.png","keywords":["donn\u00e9es","format","sapui5"],"articleSection":["SAP Fiori"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/sapinnov.com\/index.php\/2025\/03\/03\/le-formatage-des-donnees-dans-les-applications-sapui5\/","url":"https:\/\/sapinnov.com\/index.php\/2025\/03\/03\/le-formatage-des-donnees-dans-les-applications-sapui5\/","name":"Le formatage des donn\u00e9es dans les applications SAPUI5 - SAPINNOV - Conseil et d\u00e9veloppement SAP Fiori &amp; SAP BTP","isPartOf":{"@id":"https:\/\/sapinnov.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/sapinnov.com\/index.php\/2025\/03\/03\/le-formatage-des-donnees-dans-les-applications-sapui5\/#primaryimage"},"image":{"@id":"https:\/\/sapinnov.com\/index.php\/2025\/03\/03\/le-formatage-des-donnees-dans-les-applications-sapui5\/#primaryimage"},"thumbnailUrl":"https:\/\/sapinnov.com\/wp-content\/uploads\/2025\/03\/1741003862342.png","datePublished":"2025-03-03T14:56:55+00:00","dateModified":"2025-03-03T14:57:56+00:00","description":"Quelques astuces simples pour formater correctement les donn\u00e9es affich\u00e9es dans les applications SAPUI5","breadcrumb":{"@id":"https:\/\/sapinnov.com\/index.php\/2025\/03\/03\/le-formatage-des-donnees-dans-les-applications-sapui5\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sapinnov.com\/index.php\/2025\/03\/03\/le-formatage-des-donnees-dans-les-applications-sapui5\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/sapinnov.com\/index.php\/2025\/03\/03\/le-formatage-des-donnees-dans-les-applications-sapui5\/#primaryimage","url":"https:\/\/sapinnov.com\/wp-content\/uploads\/2025\/03\/1741003862342.png","contentUrl":"https:\/\/sapinnov.com\/wp-content\/uploads\/2025\/03\/1741003862342.png","width":1280,"height":720},{"@type":"BreadcrumbList","@id":"https:\/\/sapinnov.com\/index.php\/2025\/03\/03\/le-formatage-des-donnees-dans-les-applications-sapui5\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/sapinnov.com\/"},{"@type":"ListItem","position":2,"name":"Le formatage des donn\u00e9es dans les applications SAPUI5"}]},{"@type":"WebSite","@id":"https:\/\/sapinnov.com\/#website","url":"https:\/\/sapinnov.com\/","name":"SAPINNOV - Conseil et d\u00e9veloppement SAP Fiori &amp; SAP BTP","description":"Des applications SAP utiles, agr\u00e9ables et performantes","publisher":{"@id":"https:\/\/sapinnov.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sapinnov.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/sapinnov.com\/#organization","name":"SAPINNOV - Conseil et d\u00e9veloppement SAP Fiori et SAP BTP","url":"https:\/\/sapinnov.com\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/sapinnov.com\/#\/schema\/logo\/image\/","url":"https:\/\/sapinnov.com\/wp-content\/uploads\/2022\/07\/logo-sapinnov.png","contentUrl":"https:\/\/sapinnov.com\/wp-content\/uploads\/2022\/07\/logo-sapinnov.png","width":736,"height":145,"caption":"SAPINNOV - Conseil et d\u00e9veloppement SAP Fiori et SAP BTP"},"image":{"@id":"https:\/\/sapinnov.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/company\/sapinnov\/"]},{"@type":"Person","@id":"https:\/\/sapinnov.com\/#\/schema\/person\/20ff16a73b50b672706552c43136d2ab","name":"Fran\u00e7ois Mesmacque","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/secure.gravatar.com\/avatar\/cd0d63fc2881efbe314ef4ed82cad1ddf83a9dd2514fd336bc3b343173fc43ce?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/cd0d63fc2881efbe314ef4ed82cad1ddf83a9dd2514fd336bc3b343173fc43ce?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/cd0d63fc2881efbe314ef4ed82cad1ddf83a9dd2514fd336bc3b343173fc43ce?s=96&d=mm&r=g","caption":"Fran\u00e7ois Mesmacque"},"url":"https:\/\/sapinnov.com\/index.php\/author\/fmesmacque\/"}]}},"_links":{"self":[{"href":"https:\/\/sapinnov.com\/index.php\/wp-json\/wp\/v2\/posts\/8316","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sapinnov.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sapinnov.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sapinnov.com\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/sapinnov.com\/index.php\/wp-json\/wp\/v2\/comments?post=8316"}],"version-history":[{"count":2,"href":"https:\/\/sapinnov.com\/index.php\/wp-json\/wp\/v2\/posts\/8316\/revisions"}],"predecessor-version":[{"id":8332,"href":"https:\/\/sapinnov.com\/index.php\/wp-json\/wp\/v2\/posts\/8316\/revisions\/8332"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sapinnov.com\/index.php\/wp-json\/wp\/v2\/media\/8317"}],"wp:attachment":[{"href":"https:\/\/sapinnov.com\/index.php\/wp-json\/wp\/v2\/media?parent=8316"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sapinnov.com\/index.php\/wp-json\/wp\/v2\/categories?post=8316"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sapinnov.com\/index.php\/wp-json\/wp\/v2\/tags?post=8316"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}