バックグラウンドリストtableドラッグに対して比較的実用的なjqueryドラッグソート
1377 ワード
現在、多くのバックグラウンドリストでは、ドラッグ・ソート機能を使用して、リストを任意にソートしています.
あまり話さないで、私はネット上でいくつかdemoを探して、比較を経て、今便利で実用的な1つのdemoを列挙して、jqueryUIに基づいて.js
htmlコードを先に上げるのは簡単です.
し
1
2014
これは1 です
アスティフェンアスティフェン
2
2015
これは2 です
アサド の
3
2016
これは3 です
アサド
4
2017
これは4 です
という い で
jqueryを する はjsとjqueryUI.jsのほかに、 のコードが です.
これは が つけた なドラッグソートなのか、それとも なのか.
あまり話さないで、私はネット上でいくつかdemoを探して、比較を経て、今便利で実用的な1つのdemoを列挙して、jqueryUIに基づいて.js
htmlコードを先に上げるのは簡単です.
jqueryUI
シーケンス し
1
2014
これは1 です
アスティフェンアスティフェン
2
2015
これは2 です
アサド の
3
2016
これは3 です
アサド
4
2017
これは4 です
という い で
jqueryを する はjsとjqueryUI.jsのほかに、 のコードが です.
$(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) {
$(this).html(i + 1);
});
};
$("#sort tbody").sortable({
helper: fixHelperModified,
stop: updateIndex
}).disableSelection();
});
これは が つけた なドラッグソートなのか、それとも なのか.