当前位置:主页 > 网页前端 > jquery >

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

时间:2021-03-16 10:23:04 | 栏目:jquery | 点击:

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();
   }

您可能感兴趣的文章:

相关文章