easyUI:datagrid 与JS的结合

最新推荐文章于 2018-09-03 10:53:29 发布

weixin_30689307

最新推荐文章于 2018-09-03 10:53:29 发布

阅读量99

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/CatsBlog/p/9294682.html

版权

1.清空数据

$('#dg').datagrid('loadData',{total:0,rows:[]});
    $('#dg').datagrid({
      columns:[[]],
      rownumbers:false,
      pagination:false
    });


2.创建datagrid

var url = ctx + '/wisdom/classInfo/getClassInFo.html';
$('#dg').datagrid({
    url: url,
    width: "100%",
    height: "700px",
    striped: true,
    loadMsg: '正在加载班级的信息...',
    pagination: true,
    pageSize: 10,
    pageNumber: 1,
    pageList: [10, 20, 30],
    queryParams: {"accountId": accountId},
    columns: [[
        {field: 'ck', checkbox: true, align: 'left', width: 50},
        {field: 'id', width: 100, hidden: true},
        {field: 'gradeName', title: '年级名称', width: 80},
        {field: 'className', title: '班级名称', width: 80},
    ]]
});