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],
})
});
~~~