我有一个适用于数据表和 x-editable 的工作设置,它允许用户在从数据库加载的表中内联编辑数据。页面加载后,我的代码将在下面触发并使所有可编辑选项都可编辑,除了它似乎只适用于结果的第一页。当您单击下一步、更改结果数或进行搜索时,任何不在第一页上的项目都不会变得可编辑。我假设这是因为数据表隐藏了不在当前页面上的数据,将其从文档流中移除。如何确保表格中的所有数据都是可编辑的?
$(document).ready(function () {
$.fn.editable.defaults.mode = 'inline';
$('.LocatorID').editable();
$('.Title').editable();
$('.Latitude').editable();
$('.Longitude').editable();
$('.Website').editable();
$('.Address').editable();
$('.City').editable();
$('.State').editable();
$('.Zip').editable();
$('.Country').editable();
$('.Phone').editable();
});
最佳答案
首先,将您的 x-editable 设置移动到它自己的函数中:
function setupXedit() {
$.fn.editable.defaults.mode = 'inline';
$('.LocatorID').editable();
$('.Title').editable();
...
}
然后设置以便在每次绘制时调用该函数:
$('#example').dataTable({
"fnDrawCallback": function( oSettings ) {
setupXedit();
}
});
关于javascript - DataTables & X-Editable 使焦点项目可编辑,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18153813/