datatables-1.10.5使用方法
datatables-1.10.5使用方法
braverong 发表于3年前
datatables-1.10.5使用方法
  • 发表于 3年前
  • 阅读 19
  • 收藏 0
  • 点赞 0
  • 评论 0
摘要: datatables在1.9.*,版本之后,改变了许多属性特性的使用方法,虽然之前的特性仍兼容。
oTable = $('#tb-forever').DataTable($.extend(baseOptions, {
	    "columns": [
	      {"data": "code"},
	      {"data": 'username'},
	      {"data": 'goodsNames'},
	      {
	    	  "data": "payStatus",
	    	  "render": function (data, type, full){
	    		  var ssTypeName = "";
	    		  if(data == "0") {
	    			  ssTypeName = "未支付";
	    		  } else if(data == "1") {
	    			  ssTypeName = "成功";
	    		  } else if(data == "2") {
	    			  ssTypeName = "失败";
	    		  }
	    		  return ssTypeName;
	    	  }
	      },
	      {
	    	  "data": "orderStatus",
	    	  "render": function (data, type, full){
	    		  var ssTypeName = "";
	    		  if(data == "0") {
	    			  ssTypeName = "已受理";
	    		  } else if(data == "1") {
	    			  ssTypeName = "排队";
	    		  } else if(data == "2") {
	    			  ssTypeName = "取车";
	    		  } else if(data == "3") {
	    			  ssTypeName = "洗车";
	    		  } else if(data == "4") {
	    			  ssTypeName = "交车";
	    		  } else if(data == "5") {
	    			  ssTypeName = "完成";
	    		  }
	    		  return ssTypeName;
	    	  }
	      },
	      {"data": 'goodsCount'},
	      {"data": 'goodsAmount'},
	      {"defaultContent" : ""},
	    ],
	    "ajax": function (data, callback, settings) {
	    	$.ajax({
				"type": "POST",
				"url": "order/search",
				"data": data,
				"dataType": "json",
				"success": callback
				});
	    },
	    "autoWidth": false, //不自动计算列宽
	    "lengthMenu": [
	        [15, 25, 35],
	        [15, 25, 35] // change per page values here
	    ],
	    // set the initial value
	    "processing": true, //加载数据时显示正在加载数据
	    "searching": false, //不使用过滤
	    "ordering": false, //排序
	    "pageLength": 15,
	    "serverSide": true, //从服务端加载数据
	    "dom": "<'am-g'<'am-u-sm-6'l><'am-u-sm-6'f>r>t<'am-g'<'am-u-sm-6'i><'am-u-sm-6'p>>",
	    "pagingType": "full_numbers",
	    "language": {
	        "lengthMenu": "_MENU_ 条/页",
	        "paginate": {
	        	"first": "首页",
	            "previous": "前一页",
	            "next": "后一页",
	            "last": "尾页"
	        },
	        "info": "_PAGE_ / _PAGES_ 页  共 _TOTAL_ 条记录",
	        "processing": "正在加载数据...",
	        "infoEmpty": "",
	        "emptyTable": "没有数据"
	    }
	}));


共有 人打赏支持
braverong
粉丝 0
博文 25
码字总数 16534
×
braverong
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: