我使用datatables
插件在我angular4
应用,我想补充dropdownmenu
,但是当我点击按钮,它没有显示出来问题在一行组按钮数据表 - angular4
正如上文表明,如果我点击它没有显示任何下拉菜单中的任何行的编辑按钮,我也尝试添加一个按钮,并呼吁editRow()
但它并没有调用该方法,在那里,当我点击编辑按钮,在外面它显示菜单datatable
。
这里是我如何在我的组件添加编辑按钮...
options = {
dom: "Bfrtip",
ajax: (data, callback, settings) => {
this.productService.getProducts().subscribe((data) => {
callback({
aaData: data
})
})
},
columns: [
{ data: "product" },
{ data: "dept" },
{ mRender : function(data, type, row) {
return '<div class="btn-group dropdown" dropdown>'+
'<button class="btn btn-default btn-sm dropdown-toggle txt-color-magenta" dropdownToggle>'+
'<i class="fa fa-gear fa-lg"></i>'+
'<i class="fa fa-caret-down"></i>'+
'</button>'+
'<ul *dropdownMenu class="dropdown-menu">'+
'<li> <a (click)="editRow("'+data+')">Action</a> </li>'+
'<li><a (click)="callMeTwo()">Another action</a></li>'+
'<li><a (click)="callMeThree()">Something else here</a></li>'+
'<li class="divider"></li><li><a (click)="(null)">Separated link</a></li>'+
'</ul>'+
'</div>'
}
}
],
buttons: ['copy', 'excel', 'pdf', 'print']
};
options = {
dom: "Bfrtip",
ajax: (data, callback, settings) => {
this.productService.getProducts().subscribe((data) => {
callback({
aaData: data
})
})
},
columns: [
{ data: "product" },
{ data: "dept" },
{ defaultContent: '<ul class="demo-btns"> <li>' +
'<a (click)="callMeOne()" class="btn btn-success"><i class="fa fa-pencil-square-o"></i> </a>'+
'</li>' },
],
buttons: ['copy', 'excel', 'pdf', 'print']
};
越来越Cannot read property 'nodeName' of null
错误,请帮助我如何让它工作。谢谢。