我希望在使用jQuery jTable的表构建中拖动行,并使用ajax调用发布更新排序顺序。这有可能吗?
找不到关于可拖行的任何信息
发布于 2014-01-24 09:57:26
我在recordsLoaded上找到了绑定查询ui的解决方案,每次加载记录都调用
$('#mytable').jtable({
title: 'my title',
paging: true,
pageSize: 100,
sorting: true,
defaultSorting: 'order ASC',
selecting: true,
multiselect: true,
selectingCheckboxes: true,
columnSelectable: false,
gotoPageArea: 'none',
pageSizeChangeArea: false,
actions: {
listAction: '../ajax/myajax.php'
},
fields: {
id: {
key: true,
create: false,
edit: false,
list: false
},
order: {
title: 'order',
create: false,
edit: false,
sorting: false
}
},
recordsLoaded: function () {
$(".jtable tbody").sortable({
cursor: 'move',
opacity: 0.9,
axis: 'y',
start: function (event, ui) {
if ($.browser.webkit) {
wscrolltop = $(window).scrollTop(); // bug fix
}
},
sort: function (event, ui) {
if ($.browser.webkit) {
ui.helper.css({ 'top': ui.position.top + wscrolltop + 'px' }); // bug fix
}
},
update: function(event, ui) {
// do jquery HERE on sort
}
}).disableSelection();
}
});
https://stackoverflow.com/questions/21336003
复制