Я начинаю использовать jQuery DataTable, и я пытаюсь помещать кнопки Edit и Delete в jQuery DataTable с динамической привязкой данных в загрузочном блоке, как показано на рисунке ниже:
Но я получаю сообщение об ошибке:
Действие контроллера
public class PhoneNumber
{
public string Number { get; set; }
public string Description { get; set; }
public string Action { get; set; }
}
public ActionResult LoadPhoneNumbers()
{
var phoneNumbers = new List<PhoneNumber>(new[]
{
new PhoneNumber { Number = "555 123 4567", Description = "George",Action="" },
new PhoneNumber { Number = "555 765 4321", Description = "Kevin" ,Action="" },
new PhoneNumber { Number = "555 555 4781", Description = "Sam",Action="" }
});
return Json(new
{
aaData = phoneNumbers.Select(x => new[] { x.Number, x.Description })
}, JsonRequestBehavior.AllowGet);
}
HTML
<table id="tblAdminUsers" class="table table-striped table-bordered table-hover table-highlight table-checkable"
data-info="true"
data-search="true"
data-paginate="true">
<thead>
<tr>
<th>Number</th>
<th>Description</th>
<th>Action</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
скрипт
$(function () {
$("#tblAdminUsers").dataTable({
bProcessing: true,
sAjaxSource: '@Url.Action("LoadPhoneNumbers", "Admin")',
aoColumns: [
{ mData: "Number" },
{ mData: "Description" },
{
mData: "Action",
bSortable: false,
mRender: function (o) { return '<i class="ui-tooltip fa fa-pencil" style="font-size: 22px;" data-original-title="Edit"></i><i class="ui-tooltip fa fa-trash-o" style="font-size: 22px;" data-original-title="Delete"></i>'; }
}
]
});
});
Пожалуйста помоги.