# 表格动态tool事件处理 ## 12.12.表格动态tool事件处理 ~~~ <!-- 表格操作列 --> <script type="text/html" id="userTbBar"> {{# layui.each(d.roles, function(i, item) { }} <a class="layui-btn" lay-event="role" data-index="{{i}}">{{item.roleName}}</a> {{# }); }} </script> <script> table.render({ elem: '#userTable', cols: [[ {field: 'username', title: '账号'}, {field: 'sex', title: '性别'}, {title: '角色', toolbar: '#userTbBar'} ]] }); /* 表格工具条点击事件 */ table.on('tool(userTable)', function (obj) { var d = obj.data; if (obj.event === 'role') { var i = $(this).data('index'); console.log(d.roles[i]); } }); </script> ~~~ 像上面这样角色是动态循环出来的，想监听点击每一行的每个角色的事件，并且获取到点击的行的数据和点击的角色的数据， 获取行的数据table模块直接提供，如果要获取点击的角色对应的数据，就可以参考上面用`data-index`来实现。