【解决方法】EasyUI DataGrid无数据时不显示滚动条问题

最新推荐文章于 2020-12-22 06:05:56 发布

Bottle

最新推荐文章于 2020-12-22 06:05:56 发布

阅读量6.1w

点赞数 3

分类专栏：解决方法 EasyUI 文章标签： easyui DataGrid

本文链接：https://blog.csdn.net/zhyl8157121/article/details/37763111

版权

解决方法同时被 2 个专栏收录

33 篇文章 0 订阅

订阅专栏

EasyUI

2 篇文章 0 订阅

订阅专栏

解决方法

在dataGrid的定义中添加如下代码：

    JavaScript Code  
 

1
2
3
4
5
6
7
8
9
10

onLoadSuccess : function (data) {
     if (data.total == 0) {
        $( '#dg').datagrid( 'insertRow', {
            row : {}
        });
        $( "#dg").parent().find( "tr[datagrid-row-index='0']").css({
             "visibility" : "hidden"
        });
    }
}

更新日志

经@云飞扬同学指点，将上文的部分代码做了更改。

以下引自@云飞扬同学的评论：

总体思路正确，不过需要修改下选择器的限定，否则会影响所有的datagrid，将所有datagrid的第一行给隐藏掉了。
easyui处理datagrid时将id的table部分保留并封装，增加datagrid-view1和datagrid-view2两个子元素，这俩view和原始table形成兄弟关系。第一个view是用于放置冻结列的，有冻结列的这里就会有数据。view2放置自然列的数据。所以，限定范围那句代码应该这么写了：

[javascript]view plaincopyprint? 
   
 $("#dg").parent().find("tr[datagrid-row-index='0']").css({  
             "visibility" : "hidden"  

原代码：

    JavaScript Code  
 

1
2
3
4
5
6
7
8
9
10
11

onLoadSuccess : function (data) {
     if (data.total == 0) {
        $( '#dg').datagrid( 'insertRow', {
            row : {}
        });
        $( "tr[datagrid-row-index='0']").css({
             "visibility" : "hidden"
        });
    }
}