×

jQuery Easyui加载表格出错时在表格中间显示自定义的提示内容

作者:Terry2017.01.05来源:Web前端之家浏览:1544评论:0
关键词:JQueryJSjavascript
onLoadSuccess : function(data) { 
if(!data.success){ 
//添加一个新数据行,第一列的值为你需要的提示信息,然后将其他列合并到第一列来,注意修改colspan参数为你columns配置的总列数 
$(this).datagrid( 
        'appendRow', 
        { 
          portId : '<div style="text-align:center;color:red">'+data.msg+'</div>' 
        }).datagrid('mergeCells', { 
      index : 0, 
      field : 'portId', 
      colspan : 7 
    }) 
//隐藏分页导航条,这个需要熟悉datagrid的html结构,直接用jquery操作DOM对象,easyui datagrid没有提供相关方法隐藏导航条 
$(this).closest('div.datagrid-wrap').find( 
    'div.datagrid-pager').hide(); 
 } 

PS:解决easyui表格加载时候的列标题和列内容无法严格对齐的问题!

无法对齐 在表格加载中添加设置

  onLoadSuccess : function(data) {
          $('span.datagrid-sort-icon').hide();
   }

以上所述是小编给大家介绍的jQuery Easyui加载表格出错时在表格中间显示自定义的提示内容,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

您的支持是我们创作的动力!
温馨提示:本文作者系Terry ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://www.jiangweishan.com/article/svg1483545600562.html

网友评论文明上网理性发言 已有0人参与

发表评论: