表格使用 easyui

 $('#ag').datagrid({
        url:'/sys/log',
        title:'系统日志',
        pagination: true,     //开启分页
        pageSize: 10,         //分页大小
        pageNumber:1,         //第几页显示(默认第一页,可以省略)
        pageList: [10, 20, 30], //设置每页记录条数的列表
        fit:true,
        width:'1000',
        height:'500',
        columns:[[
            {field:'userName',title:'用户名'},
            {field:'logType',title:'操作类型'},
            {field:'logValue',title:'模块'},
            {field:'uploadTime',title:'操作时间'},
            {field:'params',title:'描述'},
            //{field:'dd',title:'操作',width:70,
            //    formatter:function(value,rec,index){
            //        var url='/eventLevel/del';
            //        var del = '<a href="#" class="easyui-linkbutton" data-options="plain:true,iconCls:\'icon-remove\'" onclick="aaa(\''+rec.id+'\',\''+url+'\')">删除</a>';
            //        return del;
            //    }}
        ]]
    });

    var pager = $('#ag').datagrid('getPager');    // 自定义分页
    pager.pagination({
        pageList: [10, 20, 30], //设置每页记录条数的列表
        displayMsg: '显示 {from}到{to}条 ,共 {total}条记录',
        //buttons:[{
        //    iconCls:'icon-search',
        //    handler:function(){
        //        alert('search');
        //    }
        //},{
        //    iconCls:'icon-add',
        //    handler:function(){
        //        alert('add');
        //    }
        //},{
        //    iconCls:'icon-edit',
        //    handler:function(){
        //        alert('edit');
        //    }
        //}],
        //onBeforeRefresh:function(){
        //    alert('before refresh');
        //    return true;
        //}
    });
})

 

posted @ 2019-11-11 10:56  菜鸟也想飞上天  阅读(110)  评论(0)    收藏  举报