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表格的每一行添加一个按钮事件,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
您可能感兴趣的文章: