{"id":124683,"date":"2022-11-16T17:24:22","date_gmt":"2022-11-16T16:24:22","guid":{"rendered":"https:\/\/www.justinmind.com\/blog\/how-to-move-from-one-list-to-another\/"},"modified":"2025-02-03T16:44:40","modified_gmt":"2025-02-03T15:44:40","slug":"how-to-move-from-one-list-to-another","status":"publish","type":"post","link":"https:\/\/www.justinmind.com\/fr\/aide\/comment-passer-liste-autre","title":{"rendered":"Comment passer d&rsquo;une liste \u00e0 l&rsquo;autre"},"content":{"rendered":"<p>Dans cet exemple, vous apprendrez \u00e0 d\u00e9placer des \u00e9l\u00e9ments d&rsquo;une liste \u00e0 une autre.<\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.justinmind.com\/usernote\/tests\/23518471\/73112233\/73138134\/index.html\" width=\"820px\" height=\"400px\" frameborder=\"0\"><\/iframe><\/p>\n<p>Voici comment le construire :<\/p>\n<h3><strong>Voir<\/strong><\/h3>\n<ul>\n<li>\u00c0 partir des \u00ab\u00a0Champs de saisie interactifs\u00a0\u00bb, placez deux \u00ab\u00a0Listes multi-s\u00e9lectionn\u00e9es\u00a0\u00bb l&rsquo;une \u00e0 c\u00f4t\u00e9 de l&rsquo;autre sur le canevas.<\/li>\n<li>La liste multi-s\u00e9lectionn\u00e9e de gauche \u00e9tant s\u00e9lectionn\u00e9e, acc\u00e9dez \u00e0 la palette Propri\u00e9t\u00e9s et modifiez les valeurs ; vous pouvez \u00e9galement ajouter des valeurs aux valeurs par d\u00e9faut.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-70599\" style=\"font-size: inherit;\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/move-from-one-list-to-another-1.png\" alt=\"d\u00e9placer les points 2\" width=\"751\" height=\"337\"><\/li>\n<li>La liste multi-s\u00e9lectionn\u00e9e de droite \u00e9tant s\u00e9lectionn\u00e9e, acc\u00e9dez \u00e0 la palette Propri\u00e9t\u00e9s et supprimez les valeurs par d\u00e9faut pour la laisser vide.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-70599\" style=\"font-size: inherit;\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/move-from-one-list-to-another-2.png\" alt=\"d\u00e9placer les points 2\" width=\"751\" height=\"337\"><\/li>\n<li>Entre la \u00ab\u00a0Liste multi-s\u00e9lection\u00a0\u00bb, placez deux boutons, l&rsquo;un en dessous de l&rsquo;autre, et donnez-leur les valeurs \u00ab\u00a0&lt;\u00a0\u00bb et \u00ab\u00a0&gt;\u00a0\u00bb.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-70599\" style=\"font-size: inherit;\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/move-from-one-list-to-another-3.png\" alt=\"d\u00e9placer les points 2\" width=\"751\" height=\"337\"><\/li>\n<\/ul>\n<h3><strong>Ev\u00e9nements<\/strong><\/h3>\n<p><span data-preserver-spaces=\"true\">Le bouton \u00ab\u00a0&gt;\u00a0\u00bb \u00e9tant s\u00e9lectionn\u00e9, acc\u00e9dez \u00e0 la palette \u00c9v\u00e9nements et cliquez sur \u00a0\u00bb Ajouter un \u00e9v\u00e9nement \u00ab\u00a0.  <\/span><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-70598\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/move-from-one-list-to-another-expression-4.png\" alt=\"d\u00e9placer les points 1\" width=\"786\" height=\"338\"><\/p>\n<ol>\n<li><span data-preserver-spaces=\"true\">Dans la bo\u00eete de dialogue, cliquez sur \u00ab\u00a0Choose Trigger\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 cliquez sur le c\u00f4t\u00e9 droit \u00ab\u00a0Multiselect 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><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-70599\" style=\"font-size: inherit;\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/move-from-one-list-to-another-expression-5.png\" alt=\"d\u00e9placer les points 2\" width=\"751\" height=\"337\"><\/li>\n<li><span data-preserver-spaces=\"true\">Dans le g\u00e9n\u00e9rateur d&rsquo;expression, faites glisser et d\u00e9posez le c\u00f4t\u00e9 droit \u00ab\u00a0Liste multi-s\u00e9lection\u00a0\u00bb dans le premier champ avec \u00ab\u00a0toutes les valeurs\u00a0\u00bb dans la valeur ci-dessous ; ensuite, placez la fonction \u00ab\u00a0Donn\u00e9es +\u00a0\u00bb, et pour la derni\u00e8re zone, faites glisser et d\u00e9posez le c\u00f4t\u00e9 gauche \u00ab\u00a0Liste multi-s\u00e9lection\u00a0\u00bb avec \u00ab\u00a0s\u00e9lectionn\u00e9\u00a0\u00bb dans la valeur ci-dessous. 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\/762233231\" width=\"640\" height=\"564\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<\/li>\n<\/ol>\n<p><span data-preserver-spaces=\"true\">Avec le m\u00eame bouton s\u00e9lectionn\u00e9, allez dans la palette \u00c9v\u00e9nements et cliquez sur le \u00ab\u00a0+\u00a0\u00bb pour ajouter un nouvel \u00e9v\u00e9nement.<\/span><\/p>\n<ol>\n<li><span data-preserver-spaces=\"true\">&nbsp;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 cliquez sur le c\u00f4t\u00e9 gauche \u00ab\u00a0Multiselect 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><span data-preserver-spaces=\"true\">Dans le g\u00e9n\u00e9rateur d&rsquo;expressions, faites glisser et d\u00e9posez le c\u00f4t\u00e9 gauche \u00ab\u00a0Liste multi-s\u00e9lection\u00a0\u00bb dans le premier champ avec \u00ab\u00a0toutes les valeurs\u00a0\u00bb dans la valeur en dessous ; ensuite, placez la fonction \u00ab\u00a0Donn\u00e9es &#8211;\u00a0\u00bb et pour la derni\u00e8re zone, faites glisser et d\u00e9posez le c\u00f4t\u00e9 gauche \u00ab\u00a0Liste multi-s\u00e9lection\u00a0\u00bb \u00e0 nouveau avec \u00ab\u00a0s\u00e9lectionn\u00e9\u00a0\u00bb dans la valeur en dessous. 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: 61%;\"><iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/762233255\" width=\"640\" height=\"564\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<\/li>\n<\/ol>\n<p><span data-preserver-spaces=\"true\">Le bouton \u00ab\u00a0&lt;\u00a0\u00bb \u00e9tant s\u00e9lectionn\u00e9, acc\u00e9dez \u00e0 la palette \u00c9v\u00e9nements et cliquez sur \u00a0\u00bb Ajouter un \u00e9v\u00e9nement \u00ab\u00a0.&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 cliquez sur le c\u00f4t\u00e9 gauche \u00ab\u00a0Multiselect 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><span data-preserver-spaces=\"true\">Dans le g\u00e9n\u00e9rateur d&rsquo;expressions, faites glisser et d\u00e9posez le c\u00f4t\u00e9 gauche \u00ab\u00a0Liste multi-s\u00e9lection\u00a0\u00bb dans le premier champ avec \u00ab\u00a0toutes les valeurs\u00a0\u00bb dans la valeur en dessous ; ensuite, placez la fonction \u00ab\u00a0Donn\u00e9es +\u00a0\u00bb, et pour la derni\u00e8re zone, faites glisser et d\u00e9posez le c\u00f4t\u00e9 droit \u00ab\u00a0Liste multi-s\u00e9lection\u00a0\u00bb avec \u00ab\u00a0s\u00e9lectionn\u00e9\u00a0\u00bb dans la valeur en dessous.<\/span>\n<div class=\"embed-container\" style=\"padding-bottom: 61%;\"><iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/762233278\" width=\"640\" height=\"564\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<\/li>\n<\/ol>\n<p><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><\/p>\n<p><span data-preserver-spaces=\"true\">Avec le m\u00eame bouton s\u00e9lectionn\u00e9, allez dans la palette \u00c9v\u00e9nements et cliquez sur le \u00ab\u00a0+\u00a0\u00bb pour ajouter un nouvel \u00e9v\u00e9nement.<\/span><\/p>\n<ol>\n<li><span data-preserver-spaces=\"true\">&nbsp;Dans la bo\u00eete de dialogue, cliquez sur \u00ab\u00a0Choose Trigger\u00a0\u00bb (choisir le d\u00e9clencheur), survolez la section \u00ab\u00a0Mouse\u00a0\u00bb (souris) et s\u00e9lectionnez \u00ab\u00a0on Click\u00a0\u00bb (sur le clic).<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">Dans le menu d\u00e9roulant \u00ab\u00a0Choose Action\u00a0\u00bb, s\u00e9lectionnez \u00ab\u00a0Set value to an element\u00a0\u00bb et cliquez sur le c\u00f4t\u00e9 droit \u00ab\u00a0Multiselect 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><span data-preserver-spaces=\"true\">Dans le g\u00e9n\u00e9rateur d&rsquo;expressions, faites glisser et d\u00e9posez le c\u00f4t\u00e9 droit \u00ab\u00a0Liste multi-s\u00e9lection\u00a0\u00bb dans le premier champ avec \u00ab\u00a0toutes les valeurs\u00a0\u00bb dans la valeur en dessous ; ensuite, placez la fonction \u00ab\u00a0Donn\u00e9es &#8211;\u00a0\u00bb et pour la derni\u00e8re zone, faites glisser et d\u00e9posez \u00e0 nouveau le c\u00f4t\u00e9 droit \u00ab\u00a0Liste multi-s\u00e9lection\u00a0\u00bb avec \u00ab\u00a0s\u00e9lectionn\u00e9\u00a0\u00bb dans la valeur en dessous.  <\/span>Cliquez sur \u00ab\u00a0Ok\u00a0\u00bb et \u00ab\u00a0Ok\u00a0\u00bb pour terminer la cr\u00e9ation de l&rsquo;\u00e9v\u00e9nement.\n<div class=\"embed-container\" style=\"padding-bottom: 61%;\"><iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/762233300\" width=\"640\" height=\"564\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<\/li>\n<\/ol>\n<p><span data-preserver-spaces=\"true\">Simulez votre prototype.<\/span><\/p>\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dans cet exemple, vous apprendrez \u00e0 d\u00e9placer des \u00e9l\u00e9ments d&rsquo;une liste \u00e0 une autre. Voici comment le construire : Voir \u00c0 partir des \u00ab\u00a0Champs de saisie&#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":[8433,8426],"tags":[],"class_list":["post-124683","post","type-post","status-publish","format-standard","hentry","category-composants-avances","category-comment-faire"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/posts\/124683"}],"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=124683"}],"version-history":[{"count":1,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/posts\/124683\/revisions"}],"predecessor-version":[{"id":126179,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/posts\/124683\/revisions\/126179"}],"wp:attachment":[{"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/media?parent=124683"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/categories?post=124683"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/tags?post=124683"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}