javascript tom-select如何保持秩序时使用拖放插件

6ljaweal  于 2023-01-11  发布在  Java
关注(0)|答案(2)|浏览(179)

我将tom-select用于drag & drop plugin的多选字段
提供给select的选项是按字母顺序排序的,当我选择一些项目时一切都很好,它们按照我手动排序的顺序保存在数据库中,正如预期的那样。问题是当我重新加载页面时,这些选定的项目无论如何都是按字母顺序显示的。有没有办法自定义排序它们?

cvxl0en2

cvxl0en21#

Tom Select将按照您的代码指示订购项目(选定选项)。

new TomSelect('#your-select',{
  items:['a','b']
});

对比

new TomSelect('#your-select',{
  items:['b','a']
});

如果您不告诉Tom Select您希望项目如何排序,它将使用select中选项的顺序。

j91ykkif

j91ykkif2#

如果我想让它按选择顺序而不是选项顺序排序,我会通过传递选定的id来解决它,这是刺激控制器的一部分:

static values = { selectedIds: Array }

...

connect(){
      if(this.selectedIdsValue && this.selectedIdsValue.length > 0) {
        config.items = this.selectedIdsValue
      }
}

相关问题