easyui中datagrid(數據表格)組件的使用方法,這個組件依賴于panel(面板),resizeable(調整大小),linkbutton(按鈕),pageination(分頁)
easyui 數據表格加載方式,可以用html 形式,也可以js 模式。一般用js模式,基于TP
js方式,只要頁面寫
~~~
<script type="text/javascript" src="__PUBLIC__/easyui/js/users_index.js"></script>
<table id="users_index"></table>
~~~
js頁面(panel(面板)的屬性都可以用,比如:title,width)
~~~
$(function () {
$('#users_index').datagrid({
width:400
title:400;//表格長度
url: 'Admin/Users/userlist',
columns: [[
{
field: 'id',
title: 'ID',
width: 100,
},
{
field: 'user_login',
title: '用戶名',
width: 100,
},
{
field: 'last_login_ip',
title: '最后登錄ip',
width: 200,
},
{
field: 'last_login_time',
title: '最后登錄時間',
width: 200,
},
{
field: 'user_email',
title: 'Email',
width: 200,
},
{
field: 'id',
title: '狀態',
width: 100,
},
]],
pagination: true,
pageSize: 5,
pageList: [5, 10, 15, 20],
})
});
~~~