如何使用jQuery向数据表添加复选框和按钮

Question

我在寻找一些答案，但找不到适合我的答案。

我在asp页面中有一个表，它的列在jQuery:中定义

这是asp页面：

<table id="tblImportantNotes" class="display records">
<thead>
<tr>
<th>Created Date</th>
<th>Created By</th>
<th>Category</th>
<th>Note</th>
<th>Application</th>
</tr>
</thead>
</table>

这里是jQuery:

$("#tblImportantNotes").dataTable(
{
"sDom": 't<"fg-toolbar ui-toolbar ui-widget-header ui-corner-bl ui-corner-br ui-helper-clearfix"i>',
"aoColumns": [
{ "sType": "string", "bSortable": true }, //CreatedDate 
{"sType": "string", "bSortable": true }, //CreatedBy 
{"sType": "string", "bSortable": true }, //Category 
{ "sType": "string", "bSortable": false }, //Note   
{ "sType": "string", "bSortable": true } //Application 
],
"sScrollY": "180px",
"bPaginate": false,
"bFilter": false,
"aaSorting": [],
"bAutoWidth": false,
"bInfo": true,
"bJQueryUI": true
});

这就是点击事件时从数据库填充表的方式：

myself._findjcontrol("btn_AddImpotrantNote").button().click(function () {
var merchant = myself.get_MyAccount();
if (merchant != null) {
Web.Services.MyService.GetImportantNotes(m.ID, function (result) {
ImportantNotes = [];
for (var ctr = 0; ctr < result.length; ctr++) {
var item = result[ctr];
ImportantNotes[ImportantNotes.length] = [item.CreatedDate.toString("MM/dd/yyyy HH:mm:ss"), item.CreatedBy, item.CategoryName == null ? '' : item.CategoryName, item.Note, item.ApplicationName];
}
$('#tblImportantNotes').dataTable().fnClearTable();
if (ImportantNotes.length>0)
$('#tblImportantNotes').dataTable().fnAddData(ImportantNotes);
});
}

我应该如何在第一列中添加复选框，并在最后一列中添加按钮？

Answer 1

对于复选框，请始终使用以下插件：

https://datatables.net/extensions/select/examples/initialisation/checkbox.html

对于按钮，请使用以下内容：

https://datatables.net/examples/ajax/null_data_source.html