datatable详细参数配置

<script type="text/javascript" charset="utf-8">
        $(document).ready(function() {
        	
            oTable = $('#example').dataTable({
            	"oLanguage" : { // 汉化
					"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":     "末页"
					}

				},
				"bPaginate" : true,// 分页按钮
				"bFilter" : false,// 搜索栏
				"bLengthChange" : true,// 每行显示记录数
				"iDisplayLength" : 20,// 每页显示行数
				"bSort" : false,// 排序
				"bInfo" : true,// Showing 1 to 10 of 23 entries 总记录数没也显示多少等信息
				"bAutoWidth" : true, // 自动计算列宽度
				"sPaginationType" : "full_numbers", // 分页,一共两种样式 另一种为two_button // 是datatables默认
				"bProcessing" : true,
				"bServerSide" : true,
				"sAjaxSource" : "getMeterData.action",
				"fnServerData" : function(sAjaxSource, aoData, fnCallback) {
					//aoData.push( { "name": document.getElementById("start").value, "value": document.getElementById("end").value } );//添加自己的额外参数
					var start = $("#start").val();
					var end = $("#end").val();
					 if(typeof JSON == 'undefined'){
		                 $('head').append($("<script type='text/javascript' src='mis01/js/json2.js'>"));
					 }
					$.ajax({
						"type" : 'post',
						"url" : sAjaxSource,
						"dataType" : "json",
						"data" : {
							"start" : start,
							"end" : end,
							aoData : JSON.stringify(aoData)
						},
						"success" : function(resp) {
								
							fnCallback(resp);
							console.log(resp)
						}
					});
		
				},
            });
        } );
    </script>
	
	 $('#example tbody').on( 'click', 'tr', function () {
        if ( $(this).hasClass('selected') ) {
            $(this).removeClass('selected');
        }
        else {
            table.$('tr.selected').removeClass('selected');
            $(this).addClass('selected');
        }
    } );
	
	

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值