datatables官网,datatables例子
一开始,我按照常规设置requirejs的配置,结果提示错误:
Failed to load resource: the server responded with a status of 404 (Not Found)
http://localhost:63342/demo2/pages/modules/datatables.net.js?v=2016110701 Failed to load resource: the server responded with a status of 404 (Not Found)
require.js:141 Uncaught Error: Script error for: datatables.net
查看datatables.bootstrap.js
更改为'datatables.net':["../../plugins/datatables/js/jquery.dataTables.min"],
即可。
<link rel="stylesheet" href="../plugins/datatables/css/dataTables.bootstrap.min.css" />
简单的实例:
define(function(require, exports, module) {
require(‘slimscroll’);
require(‘datatables.net’);
require(‘datatables_bootstrap’);
//
var $ = require(‘jquery’);
var toastr = require(‘toastr’);
$(function(){
init();
});
function init(){
initConfig();
initAction();
}
function initConfig(){
$(’#grid’).DataTable({
oLanguage:{
sLengthMenu:‘每页显示 MENU 条记录’,
sZeroRecords:‘亲,没有查询到数据’,
sInfo:‘从 START 到 END /共 TOTAL 条数据’,
sInfoEmpty:‘亲,没有查询到数据’,
sInfoFiltered:’(从 MAX 条数据中检索)’,
sProcessing:‘亲,数据加载中…’,
oPaginate:{sFirst:‘首页’,sPrevious:‘前一页’,sNext:‘后一页’,sLast:‘尾页’}
}
});
}
function initAction(){
}
});
再往下写不下去了,创建表格太复杂了,真搞不懂开发这个插件的思维。easyui这方面对grid做的很不错啊,为什么不参考easyui的api设计呢?