[原创]EasyUI的datagrid页脚footer使用注意事项

baacloud免费翻墙vpn注册使用

最近项目中遇到datagrid数据需要再form加载完成后根据具体的商品显示页脚footer合计数量的问题,页面初始化的时候不加载datagrid数据,初始化完成后需要读取form中的项目值然后加载对应的数据到

datagrid中,问题代码如下:

$('#grid').datagrid({
   showFooter:true
});
$('#form').form({
  onLoadSuccess:function(data){
    //datagrid    
    $('#grid').datagrid({
       url:'/grid/getData?id='+$('#id').val()+'&r='+Math.random()
    });
 }
});

结果datagrid不显示页脚footer,列数据能显示正常,分析问题原因是因为页面创建datagrid的时候因为没有数据导致错误,firefox中提示rows未定义,当然未定义了,因为我根本没给datagrid赋值,这样datagrid的页脚就显示不出来,那么怎么修改呢,参考了我以前写的文章[原创]EasyUI的DataGrid合击汇总页脚使用教程得到解决办法,那就初始化的时候给datagrid一个空的数据集,让它顺利初始化完成,然后再当form加载成功后更换它的数据,代码如下:

var nullData='{"rows":[],"total":0;"footer":{"Footer":"合计","num":0}}';
var json=eval('(' + nullData + ')');
$('#grid').datagrid({
   data:json,
   showFooter:true
});
$('#form').form({
  onLoadSuccess:function(data){
    //datagrid    
    $('#grid').datagrid({
       url:'/grid/getData?id='+$('#id').val()+'&r='+Math.random()
    });
 }
});
赞(0) 打赏
分享到: 更多 (0)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏