位置: 编程技术 - 正文

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

  • 那些车不用交税
  • 商品流通企业印花税购销合同计税依据
  • 发工资可以用个税抵扣吗
  • 城建税计提与缴纳分录
  • 购进材料运输费属于什么会计科目
  • 固定资产原值包含进项税吗
  • 开发票利润
  • 劳务公司差额计税收到的代发工资怎么开票
  • 个体户逾期申报罚款多少
  • 建筑简易征收的合同怎么写
  • 预缴企业所得税会计处理
  • 发票购方税号是什么意思
  • 销项负数发票怎么冲减成本
  • 企业所得税少交了被税局查到怎么处理
  • 微信支付有优惠 系统异常
  • 财务费用的借方和贷方
  • 应付供货单位的货款属于什么会计科目
  • 高速公路通行费抵扣最新规定
  • 上市公司企业股东转让股份交什么税费
  • 医疗保险费扣除比例
  • 制造费用在利润表体现吗
  • 存货跌价准备可以转回吗?
  • 应付职工薪酬调到其他应付款
  • 工信部推出一键解绑怎么用
  • windows11怎么回到桌面
  • linux如何开启端口
  • 为职工缴纳的意外保险费用
  • 研发阶段产品销售账务处理
  • php调用mysql索引查询
  • 以租代购算固定资产吗
  • 一借多贷的会计分录怎么写
  • 未签订销售合同
  • 调整以前年度少计提的工资
  • 加载分页
  • php签到功能思路
  • php添加数据到数据库失败error
  • 删除组合命令
  • 损益类所得税费用
  • 小规模增值税结转账务处理
  • 进项税额年末账务处理
  • 租赁公司成本如何计算
  • 购买监控器计入什么科目
  • 普通的增值税
  • 进项的加计抵减怎么算
  • 增值税现代服务业包括哪些内容
  • MySQL读写分离中间件
  • 公司缴纳的残保金是什么
  • 企业什么情况
  • 境外个人给境内个人汇款什么名义申报
  • 自产赠送视同销售的成本如何确定?
  • 递延收益按多少折算
  • 拆迁补偿怎么算的
  • 管理人员的奖金可以索赔吗
  • 劳动关系与劳务关系的联系与区别
  • 采购返利是什么意思
  • 飞机票退票费如何开票
  • 预计所有者权益增长率
  • 金蝶系统如何设置套打
  • 公司购药品入什么科目
  • win10使用期限
  • xp系统注册表空白怎么办
  • 在solaris8下
  • 本地磁盘文件系统
  • win7网络问题
  • window8.1重装系统
  • win10系统自带的浏览器叫什么
  • linux计划任务如何设置
  • github 最火的项目
  • android反编译smali
  • jquery 上传进度
  • shell脚本实现文件移动、复制等操作
  • 用Fragment+ViewPager搭建万能的android界面
  • jquery校验form表单
  • Python调用大漠插件
  • jquery入口
  • jquery.validator
  • 注册会计师和注册建造师哪个难考
  • 广东省纳税信用等级
  • 国家电子税务局app下载
  • 威科先行个人一年费用
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设