对于我的web应用程序,iam使用带有ajax的jQuery数据表从数据库中获取数据。实际上,"icheck"是在jQuery页面就绪函数中启动的。调用数据表或在数据表中进行任何筛选或搜索后,问题是什么,正确获取数据,并且复选框显示为正常复选框。我怎么能回忆起数据表调用中的icheck插件调用呢。我的代码如下
<table id="viewcat" class="table table-bordered table-striped mar-bottom0 mydatatable">
<thead>
<tr>
<th style="width: 9%"><input type="checkbox" class="minimal" id="bulkDelete" /> <button type="submit" id="deleteTriger" name="submit" class="btn btn-primary btn-xs hor-align" value="Delete Selected" >Delete</button></th>
<th style="width: 2%">Sl.no</th>
<th style="width: 15%">Category Name</th>
<th style="width: 20%">Reference Links</th>
<th style="width: 25%">Image</th>
<th style="width: 15%"></th>
<th style="width: 10%"></th>
</tr>
</thead>
</table>
脚本如下
<script>
$(function (){
$("#viewcat").DataTable({
"fnRowCallback" : function(nRow, aData, iDisplayIndex){
$("td:nth-child(2)", nRow).append(aData[7]);
return nRow;
},
"processing": true,
"serverSide": true,
"order": [ 2, "asc" ],
"aoColumnDefs": [ { "bSortable": false, "aTargets": [ 0, 1, 4, 5 ,6] } ],
"ajax":{
url :"maincategory/viewdata.php", // json datasource
type: "post",
error: function(){
$(".viewcat-error").html("");
$("#viewcat").append('<tbody class="viewcat-error"><tr><th colspan="7">No data found in the server</th></tr></tbody>');
$("#viewcat_processing").css("display","none");
}
}
});
});
</script>
请帮我修复它。
哦。。我终于找到了。这可能会帮助别人。。datatable插件中已经存在一个api函数,而不是ajax成功。。这就是"fnDrawCallback"。
<script>
$(function (){
$("#viewcat").DataTable({
"fnRowCallback" : function(nRow, aData, iDisplayIndex){
$("td:nth-child(2)", nRow).append(aData[7]);
return nRow;
},
"fnDrawCallback": function( oSettings ){
$('input[type="checkbox"].minimal, input[type="radio"].minimal').iCheck({
checkboxClass: 'icheckbox_minimal-blue',
radioClass: 'iradio_minimal-blue'
});},
"processing": true,
"serverSide": true,
"order": [ 2, "asc" ],
"aoColumnDefs": [ { "bSortable": false, "aTargets": [ 0, 1, 4, 5 ,6] } ],
"ajax":{
url :"maincategory/viewdata.php", // json datasource
type: "post",
error: function(){
$(".viewcat-error").html("");
$("#viewcat").append('<tbody class="viewcat-error"><tr><th colspan="7">No data found in the server</th></tr></tbody>');
$("#viewcat_processing").css("display","none");
}
}
});
});
</script>