- //定义js文件路径,相对页面的路径
- require.config({
- paths: {
- jquery: 'js / common / libs / jquery.min',
- 'datatables.net': 'js / common / libs / datatable / jquery.dataTables.min',
- dbBootstrap: 'js / common / libs / datatable / dataTables.bootstrap.min'
- },
- shim: {'datatables.net': {
- deps: ['jquery']
- },
- 'dbBootstrap': {
- deps: ['jquery', 'datatables.net']
- }
- }
- });
- require(['dbBootstrap'],
- function() {
- var util = {table: {},
- //获取列表信息
- getListInfo: function() {
- var listUrl = '',
- base_url = window.location.host;
- util.table = $('#data_table').dataTable({
- language: {
- "sProcessing": "处理中...",
- "sLengthMenu": "显示 _MENU_ 项结果",
- "sZeroRecords": "没有匹配结果",
- "sInfo": "显示第 _START_ 至 _END_ 项结果,共 _TOTAL_ 项",
- "sInfoEmpty": "显示第 0 至 0 项结果,共 0 项",
- "sInfoFiltered": "(由 _MAX_ 项结果过滤)",
- "sInfoPostFix": "",
- "sSearch": "搜索:",
- "sUrl": "",
- "sEmptyTable": "表中数据为空",
- "sLoadingRecords": "载入中...",
- "sInfoThousands": ",",
- "oPaginate": {
- "sFirst": "首页",
- "sPrevious": "上页",
- "sNext": "下页",
- "sLast": "末页"
- },
- "oAria": {
- "sSortAscending": ": 以升序排列此列",
- "sSortDescending": ": 以降序排列此列"
- }
- },
- "pagingType": 'full_numbers',
- // 分页
- "aoColumnDefs": [{
- "bSortable": false,
- "aTargets": [4]
- }],
- //第5列不排序,其余排序
- "order": [[3, 'desc']],
- // 默认按时间倒序 排序
- //ajax请求
- 'processing': true,
- 'serverSide': true,
- 'ajax': {'url': listUrl,
- 'dataSrc': function(result) {
- if (result && result.data && !$.isEmptyObject(result.data)) {
- return result.data;
- } else {
- return [];
- }
- }
- },
- 'columns': [ // 表格数据是obj是映射显示
- {
- data: 'id'
- },
- {
- data: 'name'
- },
- {
- data: 'task'
- },
- {
- data: 'time'
- },
- {
- data: function(data) {
- if (data && data.status && data.status === 'pending') {
- return'进行中';
- }
- return'查看';
- }
- }]
- });
- // 响应式处理,始终保持分页、搜索等控件在表格的四个角落
- var el = ['data_table_length', 'data_table_filter', 'data_table_info', 'data_table_paginate'];
- for (var i = 0,
- len = el.length; i) {
- $('#' + el[i]).parent().removeClass('col - sm - 6').addClass('col - xs - 6');
- };
- }
- };
- util.getListInfo();
- });
来源: http://www.bubuko.com/infodetail-2049121.html