位置: 编程技术 - 正文

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

运行结果如下:

BootStrap和jQuery相结合实现可编辑表格(bootstrap和css的关系)

使用编辑操作:

进行修改:

点击保存:

添加多行:

在其中添加一些数据:

点击“确定”:

可以取消其他多余要添加的行:

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点击方法)

  • 个体户文化事业建设费征收范围
  • 员工垫付的费用报销会计分录
  • 装修费用应该计入什么科目
  • 增值税的视同销售行为有哪些
  • 月报和季度报的区别
  • 外地建筑工程开票流程
  • 文化事业建设费税收优惠政策2023
  • 按工人工资比例结转制造费用的科目
  • 验资取消股东怎么办
  • 由母公司承担子公司债务的财务处理怎么做?
  • 怎么查核定征收额度
  • 借款合同 增值税
  • 增值税普通发票有什么用
  • 企业所得税税率2023年最新税率表
  • 结转待转销项税额
  • 房租费简易征收税率
  • 汇兑损失的原因
  • 固定资产进项发票怎么开
  • 报废固定资产收入计入什么科目
  • 生产成本和主营业务成本哪个大
  • 中小企业货币资金内部控制案例
  • 销售费用核算原则
  • 加计扣除是什么优惠方式
  • 所得税申报填写
  • 为什么我的win10
  • 应收账款贷方余额怎么在资产负债表中填列
  • 王者荣耀中甄姬的cp是谁
  • linux测验
  • 电脑怎样进入cmos设置
  • 企业为员工提供服务要交增值税吗
  • 研发机构采购国产设备退税管理办法
  • 在校学生是不是纳税人,请举例说明
  • yii框架运行原理
  • 贷方跟借方哪个是收入哪个是支出
  • 同城票据清算和清算资金往来的区别
  • css教程网站
  • css选择器详解
  • 微软调整bing输入字数
  • centos+php+coreseek+sphinx+mysql之一coreseek安装篇
  • lpstat命令
  • 月末制造费用可以有余额吗
  • sqlsever日志在哪儿
  • PostgreSQL之分区表(partitioning)
  • 个人所得税怎么申报多
  • access speed
  • 开个人劳务票需要本人去吗
  • 无法收回的其他应收款可以税前扣除吗
  • 预付款预缴如何做账
  • 支付快递费怎么做账
  • 如何在科目余额表中查询给另一家公司付了多少钱
  • 安置房买卖过户流程
  • 所有者权益的确认依赖于资产和负债的确认
  • 合并报表的内部投资抵消
  • 材料运费计入什么科目
  • sqlgun
  • ubuntu20.04怎么样
  • fedora最新版本
  • linux的grep命令详解
  • win10一年更新几次
  • windows7准备配置windows
  • pythonmatch函数
  • nodejs oom
  • 深入理解ffmpeg pdf
  • python中的类怎么理解
  • nodejs实战教程
  • javascript开发app教程
  • nodejs创建项目
  • 第一个javascript程序
  • 如何用jquery
  • jquery定义方法
  • javascript获取复选框的值
  • 广东省税务局官网 国家税务总局
  • 个人所得税完税证明
  • 上海地铁和公交乘车码
  • 地税局上班时间是几点
  • 江苏医保给家人用怎么操作
  • 陕西省附加税减免政策
  • 广东省税务机关规定小额零售需开发票吗
  • 临时工和季节工需要交社保吗合法吗
  • 租赁费的税率是多少小规模纳税人
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设