EasyUI分頁

標籤：技術   定義   easyui   href   onclick   nbsp   nowrap   use   one   

$("#tanModelBox1").css("display","none");
$(‘#dg‘).datagrid({
fitColumns:true,
//rownumbers:true,
title:‘使用者列表‘,
width:800,
height:500,
url:‘UserInfoGetList1.action‘,
columns:[[
{field:‘userId‘,width:50,checkbox:true},
{field:‘rn‘,title:‘編號‘,width:50},
{field:‘userName‘,title:‘使用者名稱‘,width:80},
{field:‘userAccount‘,title:‘賬戶‘,width:100},
{field:‘userPwd‘,title:‘密碼‘,width:100},
{field:‘userSex‘,title:‘性別‘,width:100},
{field:‘opt‘,title:‘操作‘,width:100,align:‘center‘,
formatter:function(value,rec){
var btn = ‘<a class="editcls" onclick="editRow(this)" href="javascript:void(0)">編輯</a>‘;
return btn;
}
},


]],
pagination:true,
//size和list要同時設定
pageSize:10,
pageList:[10,15,20],
nowrap : true,//設定為true，當資料長度超出列寬時將會自動截取
striped : true,//設定為true將交替顯示行背景。
collapsible : true,//顯示可摺疊按鈕
loadMsg : ‘資料裝載中......‘,

singleSelect:true,//為true時只能選擇單行
fitColumns:true,//允許表格自動縮放，以適應父容器
//sortName : ‘xh‘,//當資料表格初始化時以哪一列來排序
//sortOrder : ‘desc‘,//定義排序次序，可以是‘asc‘或者‘desc‘（正序或者倒序）。
remoteSort : false,
pagination : true,//分頁
rownumbers : true,//行數
pagenumber : true,

 

 

 

 

EasyUI分頁