1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95
| <?= GridView::widget([ 'dataProvider' => $dataProvider, 'columns' => [ ['class' => 'yii\grid\SerialColumn'], 'uuid', [ 'attribute' => 'uuid', 'contentOptions' => [ 'class' => 'uuid', ], 'headerOptions' => ['style'=>'display:none'], 'contentOptions' => ['style'=>'display:none'], ], 'name', [ 'attribute' => 'order_num', 'contentOptions' => [ 'class' => 'index', ], ], ], ]); ?> <script type="text/javascript"> var old_array = new Array(); var paixu_array = new Array(); $(document).ready(function(){ var fixHelperModified = function(e, tr) { var $originals = tr.children(); var $helper = tr.clone(); $helper.children().each(function(index) { $(this).width($originals.eq(index).width()) }); return $helper; }, updateIndex = function(e, ui) { $('td.index', ui.item.parent()).each(function (i) { var uuid = $(this).parent().attr('data-key'); paixu_array[i + 1] = uuid; $(this).html(i + 1); save_paixu(); }); }; $("#paixu_div tbody").sortable({ helper: fixHelperModified, stop: updateIndex }).disableSelection(); }); function save_paixu() { var tr_num = $(".ui-sortable tr").length; tr_num = tr_num+1; if (paixu_array.length != tr_num){ return false; }else { if (paixu_array.toString() == old_array.toString()){ return false; } } if(1) { new__array = paixu_array; paixu_array = []; $.ajax({ url: "ajax地址", data: {"paixu_array": new__array}, type: "post", success: function (backdata) { var res = jQuery.parseJSON(backdata); if(res.success) { old_array = paixu_array; paixu_array = []; }else { alert(res.message); }
}, error: function (error) { console.log(error); } }); }
} </script>
|