BootStrap给table表格的每一行添加一个按钮事件
2017-09-07 11:47
866 查看
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表格的每一行添加一个按钮事件
- bootstrap-table给每一行数据添加按钮,并绑定事件
- Bootstrap-table的使用及如何给单元格添加功能按钮和事件等操作!
- 有一个table表格,选中某一行后,点击“查看(button)”按钮可以实现对该行内容的显示
- 有一个table表格,选中某一行后,点击“查看(button)”按钮可以实现对该行内容的显示
- Bootstrap-table的使用及如何给单元格添加功能按钮和事件等操作!
- 点击按钮实现表格动态添加或删除一行
- 编写一个浮动按钮控件(如何给控件添加MouseOut事件)
- table表格中每行都有一个修改按钮怎么实现修改功能
- UIView上添加了一个按钮和一个单击手势的事件相应,互相不影响的处理方法。。
- bootstrap-table实现两个表格之间数据的传递,表格添加行删除行功能
- 有一行表格,点击按钮后,如何再添加一行呀
- bootstrap表格添加按钮、模态框实现
- 使用jQuery动态创建一个表格,根据用户数输入的内容添加一行数据
- angularjs+bootstrapTable为动态生成的代码添加事件
- bootstrap-table表格事件
- UIView上添加了一个按钮和一个单击手势的事件相应,互相不影响的处理方法。。
- bootstrap-table 插件二次开发添加表格行新增和编辑功能
- 在GridView 中点击某一个按钮在此按钮的下行动态添加一行,再次点击第二次添加的行隐藏
- JS控制TABLE表格在任意一行下面添加一行(有待完善)