从可排序表中获取表对象

时间:2018-07-30 13:10:11

标签: javascript jquery jquery-ui jquery-ui-sortable

说我有一个任意长度的表,可以移动它们,并且我想获取释放鼠标的表元素,我可以从jquery + jquery.sortable获得鼠标释放等表。

这种工作还不是100%的,如果您将其移到清单上,它就会出错,但它与我的atm距离非常近,任何建议都应运而生,tbody是我的桌子,尽管它可以是任何桌子。我放弃了(x,y)坐标

下面的代码示例试图揭示我的想法:

 <script type="text/javascript">
     var arr2;
     $('tbody').sortable({
     start: function(e, ui) {
            arr2 = ($.map($(this).find('tr'), function(el) {
                return $(el).attr('id');
            }));
        }
    });
     $('tbody').sortable({
     stop: function(e, ui) {
      newArr = ($.map($(this).find('tr'), function(el) {
          return $(el).attr('id');
          }));
            function oldArr(arr) {
                var i=0, res = [];
                    while(i<arr.length && typeof(arr2[i]) !== 'undefined'){
                            res.push(arr[i]);
                            i++;
                            }
                return res;
            }
            outOld = oldArr(arr2);

            function findMovedFrom(arr, arr2) {
                if(arr.length == arr2.length){
                    for(j = 0; j < arr.length; j++){
                        if(arr[j] !== arr2[j]){
                            if(arr[j] == arr2[j-1]){
                                return arr[j];
                            }else{
                                return arr2[j];
                            }
                        }
                    }
                }
            }
            alert(" from \n"+  findMovedFrom(outOld,newArr) + "\n to before \n" + newArr[(newArr.indexOf(findMovedFrom(outOld,newArr))) + 1] +  "\n" );
        }
    });      
 </script>

1 个答案:

答案 0 :(得分:0)

Finnaly麻烦地解决了这个问题,如果有人想从可排序表的何处找到对象的拖动对象,表体是表行的地方,这要感谢@Twisty

 <script type="text/javascript">
    var arr2;
     $('tbody').sortable({
     start: function(e, ui) {
            arr2 = ($.map($(this).find('tr'), function(el) {
                return $(el).attr('id');
            }));
        }
    });
     $('tbody').sortable({
     stop: function(e, ui) {
      newArr = ($.map($(this).find('tr'), function(el) {
          return $(el).attr('id');
          }));

            function oldArr(arr) {
                var i=0, res = [];
                    while(i<arr.length && typeof(arr2[i]) !== 'undefined'){
                            res.push(arr[i]);
                            i++;
                            }
                return res;
            }
            outOld = oldArr(arr2);

            function findMovedFrom(arr, arr2) {
                if(arr.length == arr2.length){
                    for(j = 0; j < arr.length; j++){
                        if(arr[j] !== arr2[j]){
                            if(arr[j] == arr2[j-1] || arr2[j-1] === null || arr2[j-1] === undefined){
                                return arr[j];
                            }else{
                                return arr2[j];
                            }
                        }
                    }
                }
            }
            alert("from \n"+ findMovedFrom(outOld,newArr) + "\nto before\n" + newArr[(newArr.indexOf(findMovedFrom(outOld,newArr))) + 1] +  "\n");
        }
    });

   </script>