Thymeleaf 动态列表使用 Jqueryui 可排序集合和 Spring答案

【问题标题】：Thymeleaf Dynamic List using Jqueryui Sortable Collection and SpringThymeleaf 动态列表使用 Jqueryui 可排序集合和 Spring
【发布时间】：2014-10-22 18:33:07
【问题描述】：

我正在寻找 utizlie Thymeleaf 和 JQuery UI 可排序集合。我希望遵循的 UI 示例存在于此处。 http://jqueryui.com/sortable/#connect-lists

在我的控制器中，我有两个列表传递给模型，一个最初是空的，另一个有项目。我希望从包含项目的列表中拖动列并将它们排序到空列表中。然后，我想将此作为表单提交回申请。目前，虽然我无法确定一种将项目动态添加到列表并将它们提交回具有更新值的应用程序的好方法。

目前我正在使用下面的一小段 javascript 将一个整数列表分配给一个输入值。在 Thymeleaf 中动态执行此操作是否有更好的方法？或者可能在同一页面内使用另一个框架？

  $(function() {
    $( "#list1, #list2" ).sortable({
      connectWith: ".connectedSortable"  ,
      update: function () { save_new_order() }
    }).disableSelection();
  });

  function save_new_order() {
        var a = [];
        $('#list1').children().each(function (i) {
            a.push($(this).attr('id'));
        });
        var s = a.join(',');
        var div = document.getElementById('inputIds');
        div.value = s;

    }

【问题讨论】：

标签： jquery jquery-ui spring-mvc servlets thymeleaf

【解决方案1】：

既然您使用List<Integer>，请尝试使用#list.sort()

<th:each="l, iter : ${#list.sort(LISTNAME)}">

请参考：Using #list.sort()

【讨论】：

阿尔菲，我原来的帖子可能不够清楚，我已经更新了。我不想对列表中的项目进行排序，而是在列表之间转移项目并将它们提交回应用程序。