easyui表格后台分页

nayi_224

于 2019-04-23 11:08:32 发布

阅读量277

点赞数

分类专栏： easyui js 文章标签： js easyui 表格分页

本文链接：https://blog.csdn.net/nayi_224/article/details/89467762

版权

js 同时被 2 个专栏收录

19 篇文章 0 订阅

订阅专栏

easyui

4 篇文章 0 订阅

订阅专栏

直接上代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
		<script src="../../../js/jquery-easyui-1.7.0/jquery.easyui.min.js"></script>
		<link rel="stylesheet" type="text/css" href="../../../js/jquery-easyui-1.7.0/themes/gray/easyui.css" />
	</head>
	<body>
		
		<table id="testTable"></table>
		
	</body>
	
	<script type="text/javascript">
	var testData = [
		{col1: 1, col2: 2, col3: 3},
		{col1: 2, col2: 22, col3: 33}
	];
	
		jQuery("#testTable").datagrid({
			//singleSelect:true,                           
		    //method:'post',
		    //remoteSort:false,
		    //fit:true,
		    //fitColumns:true,
		    pagination:true,
		    pageSize:2,
		    pageList:[2,3,4,5,6],
		    //data: dataTest,
		    
		    loader:function(param,success,error){

		    	success({
							total: 8,
							rows: testData
						});

		    	jQuery(this).datagrid("getPager").pagination("refresh",{
			                		//pageNumber:1,
			                		//pageSize:2,
			                		total:8
			                	});
		    },
		    columns:[
		    	[
					{field:'col1',title:'col1',width:100},
					{field:'col2',title:'col2',width:100,},
					{field:'col3',title:'col3',width:100,sortable:true}
				]
		    ]
		});
	
	</script>
</html>