位置: 编程技术 - 正文

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

  • 我国增值税税率改革带来的影响
  • 兼职劳务税率是多少2020
  • 收到红字进项发票需要认证么
  • 应交税金借方余额代表什么
  • 个税计提和发放分录
  • 建设工程材料检测费
  • 培训发生的住宿费 差旅费可以放入职工教育经费吗
  • 母公司给子公司担保的规定
  • 计划成本法委托加工物资例题
  • 股权转让交的税如何做账
  • 专项资金是否缴纳企业所得税
  • 赠品视同销售会计分录要如何编制?
  • 收到发票怎么记账
  • 增值税专用发票可以开电子发票吗
  • 贷款利息收入要减去支付利息支出吗
  • 交际应酬费用
  • 免租要怎么交税
  • 融资租赁的房产,按收取的租金从租计征房产税
  • 其他权益工具包含
  • 物业管理费属于应付账款吗
  • 小微企业所得税优惠政策
  • 多交税款退税怎么做账
  • 对方转出没收到怎么办
  • 理财赎回本金没赎回利息咋办
  • 物业费需要摊销吗?
  • 企业季度所得税可以弥补以前年度亏损吗
  • tplink无线网卡驱动802.11n
  • 安全生产费用怎么支出
  • 兼职劳务费税率是多少
  • 公司有长期挂账的权利吗
  • 怎么获取免费的腾讯vip
  • vue怎么使用本地存储比较好
  • php foreach()
  • 个人减免税政策6条
  • 什么是坏账,坏账的核算方法有哪些
  • 装饰工程开票项目
  • 什么是水利建设基金税
  • 待抵扣进项税在贷方什么意思
  • 增值税发票认证抵扣时间规定
  • 季度申报残保金怎么计算
  • python进行数学建模
  • opencv安装教程vs2019
  • 企业收到企业借款需要交税
  • python根据键输出值
  • 车间购买的设备怎么记账
  • SQL Server 2008 R2占用cpu、内存越来越大的两种解决方法
  • mysql 网页用户界面
  • 食用油交税吗
  • 汽车折旧会计凭证怎么做
  • 开公司的车出差违章算谁的
  • 利得和损失计入所有者权益的情况
  • 其他应付款个人往来的涉税风险
  • 购进农产品抵扣的税率
  • 代别人公司发工资是工资薪金还是劳务报酬
  • 筹建期间开办费跨年
  • 做账工资和申报工资不一样
  • 所得税滞纳金怎么算的
  • Python3.6-MySql中插入文件路径,丢失反斜杠的解决方法
  • 解决Windows Server远程断开后自动
  • 硬盘安装好了显示不出来怎么办
  • mac电脑自带软件介绍
  • win8.1 build9600
  • linux设置用户的密码
  • xp系统进入桌面后没反应
  • win7开机提示音在哪里关闭
  • linux ifconfig命令详解
  • windows8介绍
  • bat批处理命令
  • 狗刨好学吗
  • python 进阶
  • 安卓 html
  • shell 批量删除
  • python 数据结构 算法
  • jquery添加属性的方法
  • 电子税务局无法显示抵扣发票
  • 怎么查税务专管员是谁的名字
  • 浙江公务员冬令时上班时间
  • 深圳微信税务局登录不了
  • 单位纪检员和纪检委员区别
  • 2016年营改增房屋租赁
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设