美文网首页easyui
easyui+datagrid初始化

easyui+datagrid初始化

作者: simple_no1 | 来源:发表于2016-07-08 16:29 被阅读829次
    (function() {

    (‘#layout_userdatagrid’).datagrid({
    url : ‘${pageContext.request.contextPath}/user/userAction!datagrid.action’,
    fit:true,//自动适应边距
    fitColumns:true,//例自动适应边距
    border:false,
    idField:’id’,//加上这个才能获得id
    pagination:true,//显示分页
    pagePosition:’bottom’,//分页显示的位置
    sortName:’createdatetime’,//按什么排序
    sortOrder:’desc’,
    pageSize:10,//怎么分页
    pageList:[10,20,30,40,50],
    frozenColumns:[[{//冻结例,也可以冻结行看demo里面有
    field : ‘id’,
    title : ‘编号’,
    width : 150,
    hidden:true}, {
    field : ‘name’,
    title : ‘姓名’,
    width : 150,
    sortable:true},
    ]],columns : [ [ {
    field : ‘id’,
    title : ‘编号’,
    width : 150,
    hidden:true
    }, {
    field : ‘pwd’,
    title : ‘密码’,
    width : 150,
    formatter: function(value,row,index){
    return ‘’+value+’’;
    }}, {
    field : ‘createdatetime’,
    title : ‘创建时间’,
    width : 150,
    sortable:true//可以点击表头排序
    }, {
    field : ‘modifydatetime’,
    title : ‘修改时间’,
    width : 150}] ]});
    });

    $(function() {$('#layout_userdatagrid').datagrid({

    url : '${pageContext.request.contextPath}/user/userAction!datagrid.action',  

    fit:true,//自动适应边距   

    fitColumns:true,//例自动适应边距  

    border:false,   

    idField:'id',//加上这个才能获得id   

    pagination:true,//显示分页  

    pagePosition:'bottom',//分页显示的位置   

    sortName:'createdatetime',//按什么排序   

    sortOrder:'desc',   

    pageSize:10,//怎么分页  

    pageList:[10,20,30,40,50],  

    frozenColumns:[[{//冻结例,也可以冻结行看demo里面有

    field : 'id',

    title : '编号',

    width : 150,

    hidden:true}, {

    field : 'name',

    title : '姓名',

    width : 150,

    sortable:true},

    ]],columns : [ [ {

    field : 'id',

    title : '编号',

    width : 150,

    hidden:true

    }, {

    field : 'pwd',

    title : '密码',

    width : 150,

    formatter: function(value,row,index){

    return ''+value+'';

    }}, {

    field : 'createdatetime',

    title : '创建时间',

    width : 150,

    sortable:true//可以点击表头排序

    }, {

    field : 'modifydatetime',

    title : '修改时间',

    width : 150}] ]});

    });

    相关文章

      网友评论

        本文标题:easyui+datagrid初始化

        本文链接:https://www.haomeiwen.com/subject/jskrjttx.html