{"id":124642,"date":"2022-11-16T17:40:26","date_gmt":"2022-11-16T16:40:26","guid":{"rendered":"https:\/\/www.justinmind.com\/blog\/how-to-sort-data\/"},"modified":"2025-02-03T16:44:49","modified_gmt":"2025-02-03T15:44:49","slug":"how-to-sort-data","status":"publish","type":"post","link":"https:\/\/www.justinmind.com\/fr\/aide\/comment-trier-une-liste-de-donnees","title":{"rendered":"Comment trier une liste de donn\u00e9es"},"content":{"rendered":"<p>Dans cet exemple, vous apprendrez \u00e0 trier les donn\u00e9es d&rsquo;une liste.<\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.justinmind.com\/usernote\/tests\/23518471\/73112233\/73221680\/index.html\" width=\"820px\" height=\"300px\" frameborder=\"0\"><\/iframe><\/p>\n<p><span style=\"font-weight: 400;\">Comment le construire :<\/span><\/p>\n<h3><strong>Voir<\/strong><\/h3>\n<ul>\n<li>Allez dans la palette Ma\u00eetrise des donn\u00e9es et cr\u00e9ez une nouvelle \u00ab\u00a0Ma\u00eetrise des donn\u00e9es\u00a0\u00bb, nommez-la \u00ab\u00a0Donn\u00e9es de tri\u00a0\u00bb et cr\u00e9ez trois attributs : \u00ab\u00a0Nom\u00a0\u00bb, \u00ab\u00a0\u00c2ge\u00a0\u00bb et \u00ab\u00a0Anniversaire\u00a0\u00bb (changez le type de l&rsquo;attribut \u00ab\u00a0Anniversaire\u00a0\u00bb de texte \u00e0 date) et appuyez sur \u00ab\u00a0Ok\u00a0\u00bb.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-70613\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/sort-data-1.png\" alt=\"\" width=\"773\" height=\"340\"><\/li>\n<li>Cliquez avec le bouton droit de la souris sur la \u00ab\u00a0Base de donn\u00e9es\u00a0\u00bb que vous venez de cr\u00e9er et s\u00e9lectionnez \u00ab\u00a0Afficher et modifier les enregistrements\u00a0\u00bb, \u00e9crivez vos donn\u00e9es d&rsquo;exemple et appuyez sur \u00ab\u00a0Ok\u00a0\u00bb.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-70613\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/sort-data-2.png\" alt=\"\" width=\"773\" height=\"340\"><\/li>\n<li>S\u00e9lectionnez \u00ab\u00a0Liste de donn\u00e9es\u00a0\u00bb dans la section \u00ab\u00a0Contenu dynamique\u00a0\u00bb et placez-la sur le canevas. Lorsque la fen\u00eatre \u00ab\u00a0Nouvelle liste de donn\u00e9es\u00a0\u00bb est activ\u00e9e, donnez un nom \u00e0 votre liste, choisissez ensuite la \u00ab\u00a0Base de donn\u00e9es\u00a0\u00bb que vous avez cr\u00e9\u00e9e pr\u00e9c\u00e9demment et s\u00e9lectionnez tous les attributs. <video class=\"lazyload\" style=\"max-width: 820px; width: 100%; padding: 20px 0px;\" preload=\"auto\" loop=\"loop\" muted=\"\" width=\"100%\" height=\"100%\" data-autoplay=\"\" data-poster=\"https:\/\/assets.justinmind.com\/wp-content\/uploads\/2022\/10\/sort-data-3.png\"><source src=\"https:\/\/assets.justinmind.com\/wp-content\/uploads\/2022\/10\/sort-data-3.mp4\" type=\"video\/mp4\"><img decoding=\"async\" src=\"https:\/\/assets.justinmind.com\/wp-content\/uploads\/2022\/10\/sort-data-3.png\" alt=\"Cr\u00e9er une liste de donn\u00e9es\">Cr\u00e9er une liste de donn\u00e9es<\/source><\/video><\/li>\n<\/ul>\n<p>S\u00e9lectionnez deux fl\u00e8ches dans la biblioth\u00e8que de widgets, maintenez la touche commande (Mac) \/ contr\u00f4le (Windows) enfonc\u00e9e et placez-les dans l&rsquo;en-t\u00eate de la colonne \u00ab\u00a0\u00c2ge\u00a0\u00bb ; vous verrez une teinte bleue lorsque vous ferez glisser un \u00e9l\u00e9ment \u00e0 l&rsquo;int\u00e9rieur. <video class=\"lazyload\" style=\"max-width: 820px; width: 100%; padding: 20px 0px;\" preload=\"auto\" loop=\"loop\" muted=\"\" width=\"100%\" height=\"100%\" data-autoplay=\"\" data-poster=\"https:\/\/assets.justinmind.com\/wp-content\/uploads\/2022\/10\/sort-data-4.png\"><source src=\"https:\/\/assets.justinmind.com\/wp-content\/uploads\/2022\/10\/sort-data-4.mp4\" type=\"video\/mp4\"><img decoding=\"async\" src=\"https:\/\/assets.justinmind.com\/wp-content\/uploads\/2022\/10\/sort-data-4.png\" alt=\"Cr\u00e9er une liste de donn\u00e9es\">Cr\u00e9ez une liste de donn\u00e9es<\/source><\/video><br \/>\nR\u00e9p\u00e9tez l&rsquo;op\u00e9ration pour toutes les colonnes.<\/p>\n<h3><strong>Ev\u00e9nements<\/strong><\/h3>\n<p><span data-preserver-spaces=\"true\">S\u00e9lectionnez la fl\u00e8che <span style=\"font-weight: 400;\">descendante<\/span> sur l&rsquo;un des en-t\u00eates, acc\u00e9dez \u00e0 la palette \u00c9v\u00e9nements et cliquez sur \u00ab\u00a0Ajouter un \u00e9v\u00e9nement\u00a0\u00bb.&nbsp;<\/span><\/p>\n<ol>\n<li><span data-preserver-spaces=\"true\">Dans la bo\u00eete de dialogue, cliquez sur \u00ab\u00a0Choose Trigger\u00a0\u00bb, survolez la section \u00ab\u00a0Mouse\u00a0\u00bb et s\u00e9lectionnez \u00ab\u00a0on Click\u00a0\u00bb.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">Dans \u00ab\u00a0Choose Action\u00a0\u00bb, s\u00e9lectionnez \u00ab\u00a0Set value to an element\u00a0\u00bb et s\u00e9lectionnez votre \u00ab\u00a0Data list\u00a0\u00bb.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">S\u00e9lectionnez le bouton radio \u00ab\u00a0Calcul\u00e9\u00a0\u00bb pour la valeur et cliquez sur \u00ab\u00a0Ajouter une expression\u00a0\u00bb.<\/span><\/li>\n<li>Dans le premier champ du constructeur de l&rsquo;expression de valeur, s\u00e9lectionnez la fonction \u00ab\u00a0Tri\u00a0\u00bb et fixez la valeur au descendant ; pour le deuxi\u00e8me champ, s\u00e9lectionnez la \u00ab\u00a0Liste de donn\u00e9es\u00a0\u00bb ; et enfin, s\u00e9lectionnez le champ que vous allez trier \u00e0 partir de l&rsquo;onglet \u00ab\u00a0Fiche de donn\u00e9es\u00a0\u00bb.  <span data-preserver-spaces=\"true\">Cliquez sur \u00ab\u00a0Ok\u00a0\u00bb et \u00ab\u00a0Ok\u00a0\u00bb pour terminer la cr\u00e9ation de l&rsquo;\u00e9v\u00e9nement.<\/span>\n<div class=\"embed-container\" style=\"padding-bottom: 60%;\"><iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/767364753\" width=\"640\" height=\"564\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<\/li>\n<\/ol>\n<p>En s\u00e9lectionnant la fl\u00e8che ascendante dans le m\u00eame en-t\u00eate, r\u00e9p\u00e9tez les \u00e9v\u00e9nements en changeant le type de tri de descendant \u00e0 ascendant.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-70613\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/sort-data-6.png\" alt=\"\" width=\"773\" height=\"340\"><br \/>\nFaites de m\u00eame pour tous les collecteurs.<\/p>\n<p><span style=\"font-weight: 400;\">Simulez votre prototype.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dans cet exemple, vous apprendrez \u00e0 trier les donn\u00e9es d&rsquo;une liste. Comment le construire : Voir Allez dans la palette Ma\u00eetrise des donn\u00e9es et cr\u00e9ez une&#8230;<\/p>\n","protected":false},"author":20,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[8426,8428],"tags":[],"class_list":["post-124642","post","type-post","status-publish","format-standard","hentry","category-comment-faire","category-formulaires-et-donnees-fr"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/posts\/124642"}],"collection":[{"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/comments?post=124642"}],"version-history":[{"count":1,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/posts\/124642\/revisions"}],"predecessor-version":[{"id":126201,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/posts\/124642\/revisions\/126201"}],"wp:attachment":[{"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/media?parent=124642"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/categories?post=124642"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/tags?post=124642"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}