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="上传" data-toggle="modal">', ].join(''); }

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

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

4.点击“弹出模态框”

<div 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"> <div> <div> <div> <button type="button" data-dismiss="modal" aria-hidden="true">×</button> <h4>上传文件</h4> </div> <div> <input type="file" value="浏览" onchange="document.uploadfile.filePath.value=this.value"/> <input type="text"/> <input type="button" value="浏览..."/><br> <input type="submit" value="上传"> </div> <div> <button type="button" data-dismiss="modal">关闭</button> </div> </div> <!-- /.modal-content --> </div> <!-- /.modal --> </form> </div>

总结

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

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wyggpy.html