javascript - 如何在 select2() 字段中保存排序顺序？

Question

我正在使用 select2() 字段使用 select2库和拖放排序已在该字段中启用。

它运行良好，但一旦我保存它，排序就会中断，它们将按字母顺序排序。

我想知道是否有可能在 select2() 字段中拖放之后以任何方式保存元素的顺序。

请提出建议。

Answer 1

根据 Select2 文档，新的排序值保存在附加的隐藏字段中。 http://ivaynberg.github.io/select2/

(右键单击“输入”字段，然后检查元素以在 div#select2-container 之后找到下面的行)

有两个选项可能适合您:

选项 1:简单的

检查你如何喂养控制的顺序，具体在:

$("#e15").select2({tags:["red", "green", "blue", "orange", "white", "black", "purple", "cyan", "teal"]});

该控件仅呈现与上面指定的行相同的顺序。

如果您没有将这些值保存为逗号分隔文本，而是保存为行记录，则可能是您的数据库查询按字母顺序对它们进行了排序。

选项 2:更进一步

此代码将帮助您将排序后的值保存在 cookie 中，这样您就可以在整个 session 中使用相同的顺序。

$(function(){

  if ($.cookie('OrderedItemList') != null){
      $("#e15").select2({tags: $.cookie('OrderedItemList').split(',')});
   }

  $("#e15").on("change", function() { 
                         $("#e15_val").html($("#e15").val());
                         $.cookie('OrderedItemList', $("#e15").val(), { expires: 365 });
                           });

});

请注意，此代码可能不适用于数据库绑定(bind)字段，如果需要的话，您可能需要添加一些代码。