首页 > 代码库 > Jquery DataTables warning : Requested unknown from the data source for row 0
Jquery DataTables warning : Requested unknown from the data source for row 0
昨天在做 Jquery DataTables 的时候,遇到的一个问题,我使用MVC,在tables上加入了一个actionlink的href。但是在运行起来的时候,报错:
DataTables warning: Requested unknown parameter ‘3‘ from the data source for row 0
通过search一下网上大神们的解决方法,所以我就把blogs上的解决方法给copy过来了,这是原文链接地址 http://seaboycs.iteye.com/blog/2015230
希望能够帮助遇到同样问题的朋友,也给自己的工作总结一下
今天遇到一个Datatables常见的问题,搞了好久没弄好,查看baidu也没有成果,在google上查到了原因。
问题:
DataTables warning: Requested unknown parameter ‘3‘ from the data source for row 0
JS:
Js代码
- function initializeEvents() {
- $(‘.datatable‘).dataTable({
- "sDom": "<‘row-fluid‘<‘span6‘l><‘span6‘f>r>t<‘row-fluid‘<‘span12‘i><‘span12 center‘p>>",
- "bServerSide" : true,
- "sAjaxSource" : "/uploadDemo/admin/photo/list.spring",
- "sServerMethod" : "POST" ,
- "bProcessing" : false,
- "bPaginate": true,
- "bLengthChange" : true,
- "iDisplayLength" : 10,
- "fnAdjustColumnSizing" : false,
- "bStateSave": false,
- "bSort":false,
- "bFilter":false,
- "aoColumnDefs" : makeCollumnDef(),
- "aoColumns" : makeCollomns(),
- "sPaginationType": "bootstrap",
- "oLanguage": {
- "sLengthMenu": "_MENU_ records per page"
- }
- } );
- }
- function makeCollumnDef() {
- return [
- { "fnRender" : function (oObj, sVal) {
- return oObj.aData.id;
- },
- "bVisible" : true ,
- "aTargets" : [ 0 ]
- },
- { "fnRender" : function (oObj, sVal) {
- return oObj.aData.name;
- },
- "bVisible" : true ,
- "aTargets" : [ 1 ]
- },
- { "fnRender" : function (oObj, sVal) {
- return "<img src=http://www.mamicode.com/‘/uploadDemo/" +oObj.aData.path +"‘ width=50px height=40px />";
- },
- "bVisible" : true ,
- "aTargets" : [ 2 ]
- },
- { "fnRender" : function (oObj, sVal) {
- return createAction(oObj.aData.id);
- },
- "bVisible" : true ,
- "aTargets" : [ 3 ]
- }];
- }
- function makeCollomns(){
- return [{ "mDataProp" : "id", "sHeight":"15px"},
- { "mDataProp" : "name"},
- { "mDataProp" : "path"}}];
- }
- function createAction(id) {
- var inhtml = ‘<a class="btn btn-success" href="http://www.mamicode.com/uploadDemo/admin/photo/view.spring?id=‘ + id + ‘">‘;
- inhtml += ‘<i class="icon-zoom-in icon-white"></i>View</a> ‘;
- inhtml += ‘<a class="btn btn-info" href="http://www.mamicode.com/uploadDemo/admin/photo/preUpdate.spring?id=‘ + id + ‘">‘;
- inhtml += ‘<i class="icon-edit icon-white"></i>Edit</a> ‘;
- inhtml += ‘<a class="btn btn-danger" href="http://www.mamicode.com/uploadDemo/admin/photo/delete.spring?id=‘ + id + ‘">‘;
- inhtml += ‘<i class="icon-trash icon-white"></i>Delete</a>‘;
- return inhtml;
- }
参考了 https://gist.github.com/kagemusha/1660712 这个大神的解决方案:
意思就是 aoColumns 和 aoColumnDefs的个数必须相等,否则会出错,由于我在表格中加入了一个Action列,导致aoColumns 和 aoColumnDefs的数目不等,就出了上面的错,该法就比较简单:
在 Java Bean 中添加一个任意字段,把他添加到aoColumnDefs 就好了。
Java代码
- public class PhotoBean {
- private int id;
- private String name;
- private String path;
- private String checked;
Js代码
- function makeCollomns(){
- return [{ "mDataProp" : "id", "sHeight":"15px"},
- { "mDataProp" : "name"},
- { "mDataProp" : "path"},
- { "mDataProp" : "checked"}];
我添加了一个checked的字符串,问题解决。
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。