位置: 编程技术 - 正文
BootStrap和jQuery相结合实现可编辑表格(bootstrap和css的关系)
编辑：rootadmin推荐整理分享BootStrap和jQuery相结合实现可编辑表格(bootstrap和css的关系)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:bootstrap js,bootstrap和jsp,bootstrap.js,bootstrap.js,bootstrap js,bootstrap和html,bootstrap和js关系,bootstrap和jsp,内容如对您有帮助，希望把文章链接给更多的朋友！
editTable.js 提供编辑表格当前行、添加一行、删除当前行的操作，其中可以设置参数，如：
operatePos 用于设置放置操作的列，从0开始，-1表示以最后一列作为放置操作的列；（这里的操作包括 编辑当前行、在当前行下添加一行、删除当前行）
handleFirst 设置表格的第一行是否作为操作的对象，true为真，false为假；
edit、save、cancel、add、confirm、del 分别设置显示操作的操作名，默认显示“编辑”、“保存”、“取消”、“添加”、“确认”、“删除”字样；
editableCols 设置可被编辑的列，从0开始，以数组形式进行设置，如 [ 1, 2] ，表示第2、3列进行编辑操作时，可以被编辑；可以传入 "all" ，表示选中所有列可被编辑；当然程序中会自动排除 已经设置要放置操作的列；
order 设置表格需要的操作，同时可以设置操作排放的顺序；参数为数组形式，数组中的值可以为edit、add、del；传入空数组的话，默认提供edit编辑操作，相当于设置 [ "edit" ] 参数；此外默认提供所有功能，即编辑、添加、删除，相当于设置 [ "edit", "add", "del"] 参数，且顺序为编辑-》添加-》删除；可以修改三者的顺序，如 [ "add", "edit", "del" ]；
saveCallback 当提供编辑功能后，在编辑当前行的过程中，点击保存后的回调函数；需要用户在使用编辑功能的同时，设置该参数，当进行保存过中，该函数可以使用ajax传递编辑后的数据data（保存在data数组中），当ajax保存数据成功后应该还需要调用函数 参数中的 isSuccess 方法，以修改界面中的可编辑状态为不可编辑状态；
addCallback和delCallback与saveCallback同理，只是分别应用在不同的操作上——添加和删除。
editTable.js
使用过程中需要注意：需要在对应的table中加入可选择到的选择器，还有需要在放置”操作“的列放置空标签<td></td>用于存放”操作“。
使用案例如下：
目录结构：
index.html
运行结果如下：
使用编辑操作：
进行修改：
点击保存：
添加多行：
在其中添加一些数据：
点击“确定”：
可以取消其他多余要添加的行：
jQuery点击其他地方时菜单消失的实现方法 本文实例讲述了jQuery点击其他地方时菜单消失的实现方法。分享给大家供大家参考，具体如下：scripttype="text/javascript"functionstopPropagation(e){if(e.stopPropagatio
jquery插件Jplayer使用方法简析 初识jplayer插件是因为它的兼容性是最好的，可以兼容到IE6，官网上对它兼容性有很详细的说明这个是我选择使用它的首要原因。现在从需求上来了解它
基于jquery实现轮播特效 轮播是学习jquery开始的第二个实现的动效，也是学习时间最久的一个。在实现轮播的过程中总是会遇到各种各样的问题，请教过很多人，也多次问过度
标签: bootstrap和css的关系
本文链接地址:https://www.jiuchutong.com/biancheng/384971.html 转载请保留说明！上一篇：jQuery插件datatables使用教程(jQuery插件封装时如要实现链式编程,需要)
下一篇：jQuery点击其他地方时菜单消失的实现方法(jquery点击方法)
