Thymeleaf動態列表使用Jqueryui可排序集合和彈簧

我正在尋找utizlie Thymeleaf和JQuery UI可排序集合。我期待的UI示例存在於這裏。 http://jqueryui.com/sortable/#connect-lists Thymeleaf動態列表使用Jqueryui可排序集合和彈簧

在我的控制器中，我有兩個傳遞給模型的列表，一個最初是空的，另一個有項目。我正在尋找從項目列表拖動列，並將其排序到空列表中。然後，我想將此作爲表單提交給應用程序。目前，雖然我無法確定一種將項目動態添加到列表並將其提交回具有更新值的應用程序的好方法。

目前我正在使用下面的javascript短片段來爲輸入值分配一個整數的id列表。有沒有更好的方法來動態地在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; 

    }

來源

2014-08-28 ba_user

由於您使用使用#list.sort()

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

轉寄此List<Integer>嘗試：Using #list.sort()

來源

2014-08-29 10:11:55 Newbie

阿爾菲，我原來的職位可能不是很清楚，我已經更新了。我不打算對列表中的項目進行排序，而是在列表之間傳輸項目並將其提交回應用程序。 – 2014-08-29 14:14:06

Thymeleaf動態列表使用Jqueryui可排序集合和彈簧

回答

相關問題