位置: 编程技术 - 正文

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计算
  • 延迟抵扣的税务风险
  • 公司费用种类
  • 物业公司代收暖气费如何开票
  • 支付往来款项应该注意什么
  • 进口货物退税流程
  • 保险车辆折旧的计算方法有哪些
  • windows10如何开启远程
  • 在win10系统中,如何限制孩子玩原神游戏
  • 汇算清缴时研发费用加计扣除怎么做账
  • 环评费入账的会计分录是什么啊
  • 金税盘可以抵扣进项税吗
  • php值传递和引用传递 原理
  • xwizard.exe是什么
  • 以固定资产换入无形资产
  • 安装prophet
  • 豹七三七粉的价格
  • 结转所得税费用到本年利润的会计分录
  • 外贸出口退税进项发票勾选
  • 跨境电商需要缴纳哪些税种
  • 境外机动车临时可以办理什么车险业务
  • 小规模纳税人开专票需要交税吗
  • antv g6 node 嵌套
  • js位运算有什么用
  • node-js
  • 开发票的销售收入,正规的做账怎么做
  • sar参数设置4个数
  • 计提坏账准备不会影响应收账款账面价值
  • 个人帮公司代持股份
  • 一条sql更新多条记录
  • 承兑能随便给别人看吗
  • MongoDB中MapReduce编程模型使用实例
  • 成立业主委员会申请书
  • 应收账款是指的资产吗
  • 购房补贴退契税多久到账
  • 什么叫总分类账簿
  • 一般纳税人抵扣怎么算
  • 小微企业流转税优惠政策
  • 红冲去年的成本怎么做账
  • 收到公司的钱写收据
  • 偿债基金专户
  • 社保费申报是当月的
  • 合资注册公司应该注意什么
  • 专用发票不抵扣要认证吗
  • 外贸企业需要取得什么资质
  • 托收承付是什么科目
  • 纳税筹划有哪些特点以及原则?
  • 房产开发企业以什么为主
  • windows桌面快捷方式怎么创建
  • ubuntu zed
  • 进去界面黑屏
  • centos7安装yum报错
  • win7网页有错误如何修复?
  • 学习笔记一
  • 日历插件vue
  • toggle button什么作用
  • javascript Window及document对象详细整理
  • typescript的缺点
  • jquery常用选择器种类
  • js遍历foreach
  • javascript的dom操作
  • javascript构造函数创建对象
  • python魔法方法详解
  • python编程输出汉字
  • python语言解析
  • 全国企业信用信息系统网官网
  • 高速公路过路费电子发票在哪里开
  • 必须抓好什么治理能力和治理体系
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设