jquery tabledit 怎么用

jquery tabledit 怎么用

实例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 做的注释，相信您应该能看懂基本的使用。谢谢！~~