BootStrap给table表格的每一行添加一个按钮事件

1.在列属性中加入事件

        {
          title:'数据量序号',
          field:'sjid'
          // hidden:true
        },{
          field: 'operate',
          title: '操作',
          width: '80px',
           events: operateEvents,
          formatter: operateFormatter
        }

2.写一个函数

 function operateFormatter(value, row, index) {
    return [
    '<input type="submit" value="上传" class="RoleOfedit btn btn-primary btn-sm"   data-toggle="modal" style="display:inline">',
    ].join('');
  }

3.记得这个写在表格的前面

 window.operateEvents = {
     'click .RoleOfedit': function (e, value, row, index) {
        alert(row.qxxh);
        $("#upload").modal('show');
      }
    };

4.点击“弹出模态框”

<div class="modal fade" id="upload" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <form action="http://localhost:8080/GD/UploadAction_execute.action" method="post" enctype="multipart/form-data" name="uploadfile">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h4 class="modal-title" id="myModalLabelfile">上传文件</h4>
      </div>
      <div class="modal-body">
          <input type="file" name="my" id="file" value="浏览" style="display: none;"
           onchange="document.uploadfile.filePath.value=this.value"/>
           <input type="text" name="filePath" id="filePath"/>
           <input type="button" value="浏览..." onclick="document.uploadfile.my.click()"/><br>
          <input type="submit" value="上传" id="shangchuan">
      </div>
          <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>

      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal -->
  </form>
</div>

总结

以上所述是小编给大家介绍的BootStrap给table表格的每一行添加一个按钮事件，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# bootstrap  # 表格中按钮  # 添加按钮  # Bootstrap Table 删除和批量删除  # Bootstrap Table快速完美搭建后台管理系统  # 集合Bootstrap自定义confirm提示效果  # ASP.NET MVC 使用Bootstrap的方法  # BootStrap数据表格实例代码  # bootstrap-table组合表头的实现方法  # PHP实现登录注册之BootStrap表单功能  # 详解bootstrap用dropdown-menu实现上下文菜单  # 小编  # 上传  # 在此  # 给大家  # 弹出  # 写在  # 所述  # 给我留言  # 感谢大家  # 上传文件  # 疑问请  # 有任何  # 一个函数  # 模态  # primary  # btn  # toggle  # data  # sm  # type 

相关文章： C++ static_cast和dynamic_cast区别_C++静态转换与动态类型安全转换  唐山网站制作公司有哪些,唐山找工作哪个网站最靠谱？  代刷网站制作软件,别人代刷火车票靠谱吗？  商务网站制作工程师,从哪几个方面把握电子商务网站主页和页面的特色设计？  武清网站制作公司,天津武清个人营业执照注销查询系统网站？  ,想在网上投简历，哪几个网站比较好？  北京的网站制作公司有哪些,哪个视频网站最好？  学校免费自助建站系统：智能生成+拖拽设计+多端适配  实例解析angularjs的filter过滤器  在线制作视频网站免费,都有哪些好的动漫网站？  非常酷的网站设计制作软件,酷培ai教育官方网站？  建站之星如何快速更换网站模板？  哪家制作企业网站好,开办像阿里巴巴那样的网络公司和网站要怎么做？  如何通过主机屋免费建站教程十分钟搭建网站？  python的本地网站制作,如何创建本地站点？  北京网站制作费用多少,建立一个公司网站的费用.有哪些部分,分别要多少钱？  已有域名建站全流程解析：网站搭建步骤与建站工具选择  建站之星图片链接生成指南：自助建站与智能设计教程  如何用好域名打造高点击率的自主建站？  电商网站制作公司有哪些,1688网是什么意思？  建站之星2.7模板快速切换与批量管理功能操作指南  外汇网站制作流程,如何在工商银行网站上做外汇买卖？  建站主机是什么？如何选择适合的建站主机？  网站制作员失业,怎样查看自己网站的注册者？  佛山网站制作系统,佛山企业变更地址网上办理步骤？  重庆市网站制作公司,重庆招聘网站哪个好？  金*站制作公司有哪些,金华教育集团官网？  网站海报制作教学视频教程,有什么免费的高清可商用图片网站，用于海报设计？  购物网站制作公司有哪些,哪个购物网站比较好？  做企业网站制作流程,企业网站制作基本流程有哪些？  GML (Geography Markup Language)是什么，它如何用XML来表示地理空间信息？  建设网站制作价格,怎样建立自己的公司网站？  官网网站制作腾讯审核要多久,联想路由器newifi官网  如何在Golang中实现微服务服务拆分_Golang微服务拆分与接口管理方法  如何快速搭建安全的FTP站点？  手机网站制作平台,手机靓号代理商怎么制作属于自己的手机靓号网站？  威客平台建站流程解析：高效搭建教程与设计优化方案  个人网站制作流程图片大全,个人网站如何注销？  济南网站制作的价格,历城一职专官方网站？  企业宣传片制作网站有哪些,传媒公司怎么找企业宣传片项目？  C++如何使用std::optional？（处理可选值）  如何选择网络建站服务器？高效建站必看指南  建站主机CVM配置优化、SEO策略与性能提升指南  如何用狗爹虚拟主机快速搭建网站？  如何用虚拟主机快速搭建网站？详细步骤解析  如何在腾讯云免费申请建站？  制作网页的网站有哪些,电脑上怎么做网页？  如何将凡科建站内容保存为本地文件？  深入理解Android中的xmlns:tools属性  网站制作企业,网站的banner和导航栏是指什么？