{"id":124681,"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\/es\/soporte\/como-mover-entre-select-lists","title":{"rendered":"C\u00f3mo pasar de una lista a otra"},"content":{"rendered":"<p>En este ejemplo, aprender\u00e1s a mover elementos de una lista a otra.<\/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>As\u00ed es como se construye:<\/p>\n<h3><strong>Ver<\/strong><\/h3>\n<ul>\n<li>Desde los \u00abCampos de entrada interactivos\u00bb, coloca dos \u00abListas multiselecci\u00f3n\u00bb una junto a otra en el lienzo.<\/li>\n<li>Con la \u00abLista multiselecci\u00f3n\u00bb de la izquierda seleccionada, ve a la paleta Propiedades y edita los valores; tambi\u00e9n puedes a\u00f1adir valores a los predeterminados.<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=\"mover elementos 2\" width=\"751\" height=\"337\"><\/li>\n<li>Con la \u00abLista multiselecci\u00f3n\u00bb de la derecha seleccionada, ve a la paleta Propiedades y elimina los valores por defecto para dejarla vac\u00eda.<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=\"mover elementos 2\" width=\"751\" height=\"337\"><\/li>\n<li>Entre la \u00abLista multiselecci\u00f3n\u00bb, coloca dos botones, uno debajo del otro, y dales el valor \u00ab&lt;\u00bb y \u00ab&gt;\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=\"mover elementos 2\" width=\"751\" height=\"337\"><\/li>\n<\/ul>\n<h3><strong>Eventos<\/strong><\/h3>\n<p><span data-preserver-spaces=\"true\">Con el bot\u00f3n \u00ab&gt;\u00bb seleccionado, ve a la paleta Eventos y haz clic en \u00abA\u00f1adir evento\u00bb.  <\/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=\"mover elementos 1\" width=\"786\" height=\"338\"><\/p>\n<ol>\n<li><span data-preserver-spaces=\"true\">En el cuadro de di\u00e1logo, haz clic en \u00abElegir activador\u00bb y selecciona \u00abal hacer clic\u00bb.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">En \u00abElegir acci\u00f3n\u00bb, selecciona \u00abEstablecer valor a un elemento\u00bb y haz clic a la derecha en \u00abLista multiselecci\u00f3n\u00bb.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">Selecciona el bot\u00f3n de opci\u00f3n \u00abCalculado\u00bb para el valor y haz clic en \u00abA\u00f1adir expresi\u00f3n\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=\"mover elementos 2\" width=\"751\" height=\"337\"><\/li>\n<li><span data-preserver-spaces=\"true\">En el constructor de expresiones, arrastra y suelta a la derecha \u00abLista multiselecci\u00f3n\u00bb en el primer campo con \u00abtodos los valores\u00bb en el valor de abajo; a continuaci\u00f3n, coloca la funci\u00f3n \u00abDatos +\u00bb, y para el \u00faltimo campo, arrastra y suelta a la izquierda \u00abLista multiselecci\u00f3n\u00bb con \u00abseleccionado\u00bb en el valor de abajo. Haz clic en \u00abAceptar\u00bb y \u00abOk\u00bb para terminar de crear el evento.<\/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\">Con el mismo bot\u00f3n seleccionado, ve a la paleta Eventos y haz clic en el \u00ab+\u00bb para a\u00f1adir un nuevo evento.<\/span><\/p>\n<ol>\n<li><span data-preserver-spaces=\"true\">&nbsp;En el cuadro de di\u00e1logo, haz clic en \u00abElegir activador\u00bb, pasa el rat\u00f3n por encima de la secci\u00f3n \u00abRat\u00f3n\u00bb y selecciona \u00abal hacer clic\u00bb.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">En \u00abElegir acci\u00f3n\u00bb, selecciona \u00abEstablecer valor a un elemento\u00bb y haz clic en la parte izquierda \u00abLista multiselecci\u00f3n\u00bb.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">Selecciona el bot\u00f3n de opci\u00f3n \u00abCalculado\u00bb para el valor y haz clic en \u00abA\u00f1adir expresi\u00f3n\u00bb.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">En el constructor de expresiones, arrastra y suelta el lado izquierdo \u00abLista multiselecci\u00f3n\u00bb en el primer campo con \u00abtodos los valores\u00bb en el valor de abajo; a continuaci\u00f3n, coloca la funci\u00f3n \u00abDatos -\u00bb y para la \u00faltima \u00e1rea, arrastra y suelta el lado izquierdo \u00abLista multiselecci\u00f3n\u00bb de nuevo con \u00abseleccionado\u00bb en el valor de abajo. Pulsa \u00abOk\u00bb y \u00abAceptar\u00bb para terminar de crear el evento.<\/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\">Con el bot\u00f3n \u00ab&lt;\u00bb seleccionado, ve a la paleta Eventos y haz clic en \u00abA\u00f1adir evento\u00bb.&nbsp;<\/span><\/p>\n<ol>\n<li><span data-preserver-spaces=\"true\">En el cuadro de di\u00e1logo, haz clic en \u00abElegir activador\u00bb, pasa el rat\u00f3n por encima de la secci\u00f3n \u00abRat\u00f3n\u00bb y selecciona \u00abal hacer clic\u00bb.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">En \u00abElegir acci\u00f3n\u00bb, selecciona \u00abEstablecer valor a un elemento\u00bb y haz clic en la parte izquierda \u00abLista multiselecci\u00f3n\u00bb.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">Selecciona el bot\u00f3n de opci\u00f3n \u00abCalculado\u00bb para el valor y haz clic en \u00abA\u00f1adir expresi\u00f3n\u00bb.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">En el constructor de expresiones, arrastra y suelta el lado izquierdo \u00abLista multiselecci\u00f3n\u00bb en el primer campo con \u00abtodos los valores\u00bb en el valor de abajo; a continuaci\u00f3n, coloca la funci\u00f3n \u00abDatos +\u00bb, y para el \u00faltimo campo, arrastra y suelta el lado derecho \u00abLista multiselecci\u00f3n\u00bb con \u00abseleccionado\u00bb en el valor de abajo.<\/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\">Pulsa \u00abOk\u00bb y \u00abAceptar\u00bb para terminar de crear el evento.<\/span><\/p>\n<p><span data-preserver-spaces=\"true\">Con el mismo bot\u00f3n seleccionado, ve a la paleta Eventos y haz clic en el \u00ab+\u00bb para a\u00f1adir un nuevo evento.<\/span><\/p>\n<ol>\n<li><span data-preserver-spaces=\"true\">&nbsp;En el cuadro de di\u00e1logo, haz clic en \u00abElegir activador\u00bb, pasa el rat\u00f3n por encima de la secci\u00f3n \u00abRat\u00f3n\u00bb y selecciona \u00abal hacer clic\u00bb.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">En el men\u00fa desplegable \u00abElegir acci\u00f3n\u00bb, selecciona \u00abEstablecer valor a un elemento\u00bb y haz clic a la derecha en \u00abLista multiselecci\u00f3n\u00bb.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">Selecciona el bot\u00f3n de opci\u00f3n \u00abCalculado\u00bb para el valor y haz clic en \u00abA\u00f1adir expresi\u00f3n\u00bb.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">En el constructor de expresiones, arrastra y suelta a la derecha \u00abLista multiselecci\u00f3n\u00bb en el primer campo con \u00abtodos los valores\u00bb en el valor de abajo; a continuaci\u00f3n, coloca la funci\u00f3n \u00abDatos -\u00bb y para la \u00faltima \u00e1rea, arrastra y suelta de nuevo a la derecha \u00abLista multiselecci\u00f3n\u00bb con \u00abseleccionado\u00bb en el valor de abajo.  <\/span>Pulsa \u00abOk\u00bb y \u00abAceptar\u00bb para terminar de crear el evento.\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\">Simula tu prototipo.<\/span><\/p>\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>En este ejemplo, aprender\u00e1s a mover elementos de una lista a otra. As\u00ed es como se construye: Ver Desde los \u00abCampos de entrada interactivos\u00bb, coloca dos&#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":[8430,8424],"tags":[],"class_list":["post-124681","post","type-post","status-publish","format-standard","hentry","category-componentes-avanzados","category-trucos-avanzados"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/posts\/124681"}],"collection":[{"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/comments?post=124681"}],"version-history":[{"count":2,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/posts\/124681\/revisions"}],"predecessor-version":[{"id":126177,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/posts\/124681\/revisions\/126177"}],"wp:attachment":[{"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/media?parent=124681"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/categories?post=124681"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/tags?post=124681"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}