easyui datagrid组件应用

来源：互联网发布：qq2012软件下载编辑：程序博客网时间：2024/05/22 17:34

$("#grid").datagrid({
url:'getGridData.do',
columns:[[
{field:'username',title:'姓名',width:200,align:'center'},
{field:'age',title:'年龄',width:200,align:'center'},
{field:'sfzh',title:'身份证号',width:200,align:'center'},
{field:'DH',title:'电话',width:150,align:'center'}
]],
fit:true,
rownumbers:true,
singleSelect:true,
onLoadSuccess:function(data){
if(data.total==0){
var dc = $(this).data('datagrid').dc;
var header2Row = dc.header2.find('tr.datagrid-header-row');
dc.body2.find('table').append(header2Row.clone().css({"visibility":"hidden"}));
}
}
});
$("#grid").datagrid('loadData',[]);

组件存在的一些问题：

1)datagrid组件无数据时不能显示全部列。

解决办法：

$('#dg3').datagrid({
            onLoadSuccess:function(data){
                if(data.total==0){
                    var dc = $(this).data('datagrid').dc;
                    var header2Row = dc.header2.find('tr.datagrid-header-row');
                    dc.body2.find('table').append(header2Row.clone().css({"visibility":"hidden"}));
                }
            }
        });

0 0