永发信息网

jquery tabledit 怎么用

答案:1  悬赏:50  手机版
解决时间 2021-12-25 17:07
  • 提问者网友:我一贱你就笑
  • 2021-12-25 05:57
jquery tabledit 怎么用
最佳答案
  • 五星知识达人网友:忘川信使
  • 2022-01-10 03:48
实例1:此实例中表格显示,触发事件为默认
$('#example1').Tabledit({ //example1 为table的ID
url: 'example.php', //这里是引用下载的jquery-tabledit-1.2.3 中此文件
columns: {
identifier: [0, 'id'], //不可编辑列
editable: [[1, 'nickname'], [2, 'firstname'], [3, 'lastname']] //可编辑列
}
});

实例2:
$('#example2').Tabledit({ //example2 为table的ID
url: 'example.php',
eventType: 'dblclick', //事件触发为双击
editButton: false, //编辑按钮不可用
columns: {
identifier: [0, 'id'],
editable: [[1, 'car'], [2, 'color', '{"1": "Red", "2": "Green", "3": "Blue"}']]
}
});

实例3:
$('#example3').Tabledit({
url: 'example.php',
editButton: false, //编辑按钮不可用
deleteButton: false, //删除按钮不可用
hideIdentifier: true, //隐藏最后的编辑选项列
columns: {
identifier: [0, 'id'],
editable: [[2, 'firstname'], [3, 'lastname']]
}
});

以上为别人根据 http://markcell.github.io/jquery-tabledit/#examples 做的注释,相信您应该能看懂基本的使用。谢谢!~~
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
推荐资讯