1.在dataTable表格中根据传来的数据动态生成a标签
Columns:最后一列
js部分:
<script>
var ListTable = loadDataTable({
{},
{},
...
{
data: "orderId", width: "25%", render: function (data, type, row) {
if(row.data=='1' ){
return '<a id="test" href="javascript:;" data-setX="2" data-setY="'+data+'">'+'确认'+'</a>';
}
}
});
...
</script>
2.在前台页面审查元素看到的a标签是
<a id="test" href="javascript" data-setX="2" data-setY=""></a>
这里ajax传来的数据用bootstrap自定义属性”data-XXX”来获取赋值,所以想在后台通过jq来获取data-XXX得到的值 :
$(document).on("click","#test",function(){
var value1 = $(this).data("setX");
var value2 = $(this).data("setY");
//value1 = 1;
});
该绑定方法因为父级元素范围过大容易造成事件冒泡(点击子元素会也点击了父元素的变化),所以直接定义function,在元素中绑定οnclick=”“事件也可以
上面的data-setX中”setX”就是自定义的属性,可以在js中获取到,但获取时需要区分大小写,而且会因为缓存原因数据不能及时刷新。