# 表格動態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`來實現。