今天遇到一个Datatables常见的问题,搞了好久没弄好,查看baidu也没有成果,在google上查到了原因。
问题:
DataTables warning: Requested unknown parameter '3' from the data source for row 0
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='/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="/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="/uploadDemo/admin/photo/preUpdate.spring?id=' + id + '">'; inhtml += '<i class="icon-edit icon-white"></i>Edit</a> '; inhtml += '<a class="btn btn-danger" href="/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 就好了。
public class PhotoBean { private int id; private String name; private String path; private String checked;
function makeCollomns(){ return [{ "mDataProp" : "id", "sHeight":"15px"}, { "mDataProp" : "name"}, { "mDataProp" : "path"}, { "mDataProp" : "checked"}];
我添加了一个checked的字符串,问题解决。
相关推荐
用于dataTables 使用dataTables添加行辅助按钮如 修改/删除.
Flask&peewee与DataTables服务器端处理的集成由于是用于处理和显示数据的功能强大且有用JavaScript库,因此我们打算将客户端DataTables脚本与基于Flask和peewee的服务器端处理进行peewee 。安装笔记正如我们所注意...
赠送jar包:datatables-1.9.4.jar; 赠送原API文档:datatables-1.9.4-javadoc.jar; 赠送Maven依赖信息文件:datatables-1.9.4.pom; 包含翻译后的API文档:datatables-1.9.4-javadoc-API文档-中文(简体)版.zip; ...
composer require nullref/yii2-datatables 或添加 "nullref/yii2-datatables": "~1.0" 到composer.json文件的require部分。 基本用法 <?= \nullref\datatable\ DataTable :: widget ([ 'data' => $ data...
蒲公英数据表模块基于令人惊叹的 jQuery插件创建功能齐全HTML表。 请参阅此处的文档: : =。
赠送jar包:datatables-1.9.4.jar; 赠送原API文档:datatables-1.9.4-javadoc.jar; 赠送Maven依赖信息文件:datatables-1.9.4.pom; 包含翻译后的API文档:datatables-1.9.4-javadoc-API文档-中文(简体)-英语-对照...
jquery 表格分页处理插件 DataTables 官方最新版本:1.62 作者:Allan Jardine 官網:http://sprymedia.co.uk/article/DataTables 展示:http://sprymedia.co.uk/article/DataTables 一个中文使用案例: ...
a76edd3be0399048704d4c15becec8a6063043d5 我们希望该库由社区驱动,并由CoCreate领导。 我们需要您的帮助才能实现这一目标。 为了确保我们以正确的顺序构建正确的事物,我们要求您创建问题并提出请求,或者仅对...
Laravel DataTables按钮插件 该软件包是的插件,用于处理将表导出为csv,excel,pdf和打印的服务器端功能。要求文件资料注意此版本仍处于试验阶段。 在Laravel DataTables v8.x稳定版本发布之前,将来的发行版中可能...
$ pip3 install sqlalchemy-datatables 要从源代码安装: $ git clone git@github.com:Pegase745/sqlalchemy-datatables.git $ cd sqlalchemy-datatables $ pip3 install . 贡献: In a virtualenv $ git clone ...
datatables-tabletools Shim 存储库 包管理器 : drmonty-datatables-tabletools : drmonty-datatables-tabletools : drmonty/datatables-tabletools : drmonty/datatables-tabletools
Vue jQuery DataTables.net包装器组件 该库是的Vue 2包装器。 这是一个很小的包装程序,不包含任何内容,甚至不包含datatables.net核心库。 注意:之所以找到该库,是因为您想在应用程序中使用jQuery datatables...
datatables 插件
django-rest-framework-datatables:Django REST框架与Datatables之间的无缝集成
Datatables中文网 基于 jQuery 的表格插件,灵活,强大 | 1,如何使用? <!--第一步:引入Javascript / CSS (CDN)--> <!-- DataTables CSS --> <link rel="stylesheet" type="text/css" href=...
laravel-datatables-docs:Laravel DaTatables软件包文档
与现代浏览器中使用的jQuery DataTables类似,但没有jQuery依赖性。 注意:如果您想要一个适用于非常老的浏览器(例如IE等)的版本,请转到 。 基于 ,但用ES2018编写。 在查看演示。 CDN 要使用CDN版本的Simple...
Laravel DataTables HTML插件。 该软件包是的插件,用于使用PHP生成dataTables脚本。要求 文件资料可供技术人员参考。快速安装composer require yajra/laravel-datatables-html:^4.0 服务提供商(在Laravel 5.5+上...
开发工具 jquery.dataTables.min开发工具 jquery.dataTables.min开发工具 jquery.dataTables.min开发工具 jquery.dataTables.min开发工具 jquery.dataTables.min开发工具 jquery.dataTables.min开发工具 jquery....