拖放获取表行ID

时间:2019-12-31 05:08:05

标签: php jquery drag-and-drop

我有一个带有子表的表,这里是Fiddle现在,当我拖放子表行时,就会得到

$('.row_position>tr').each(function() {    
    selectedData.push({'id':i,'key':$(this).attr("name")});
    i++;
});

在IT部门下,我有两个子项目待办事项和WIP,所以当我拖放时,除selectedData.push之外,我有两个值,但我得到的不是原来的两个

[
    {"id":1,"key":"11"},
    {"id":2,"key":"10"},
    {"id":3,"key":"12"},
    {"id":4,"key":"13"}
]

我除外

[
    {"id":1,"key":"11"},
    {"id":2,"key":"10"}
]

再次console.log(JSON.stringify(selectedData));我无法输入ajax网址。请帮助我

1 个答案:

答案 0 :(得分:1)

我已经将$('。row_position> tr')。each(function()更改为$(this).find('tr')。each(function(),所以您将只获得当前子表的数据< / p>

对于ajax URL,您需要将完整的实际URL放入函数updateOrder

$( ".row_position" ).sortable({ 
        delay: 150,
        stop: function(th) {
          // var par = th.parent();
      //     console.log(JSON.stringify(th));
            var selectedData = new Array();
            var i=1;

            $(this).find('tr').each(function() {
                selectedData.push({'id':i,'key':$(this).attr("name")});
                i++;
            });
            console.log(JSON.stringify(selectedData));
            updateOrder(selectedData);
        }
    });