【解决方法】EasyUI DataGrid不显示滚动条时,没有数据的问题

摘要:
以下内容引自@云飞扬的评论:总体思路是正确的,但您需要更改下限选择器的限制,否则将影响所有数据网格,所有数据网格的第一行将被隐藏。Easyui在处理数据网格时保留并封装了id的表部分,并添加了两个子元素datagrid-view1和datagrid-vview2,它们与原始表形成了兄弟关系。第一个视图用于放置冻结的列。如果有冻结列,则会有数据。因此,限制范围的代码应该如下所示:[javascript]viewplatecopyprint?

解决方法

于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?
  1. $("#dg").parent().find("tr[datagrid-row-index='0']").css({  
  2.             "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"
        });
    }
}


版权声明:本文博主原创文章,博客,未经同意不得转载。

免责声明:文章转载自《【解决方法】EasyUI DataGrid不显示滚动条时,没有数据的问题》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇基于tcp协议,自行处理http报文Oracle字段转字符串/多行记录合并/连接/聚合字符串的几种方法下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

async和await的小结

async 配合 await 使用 1、未使用 async 和 await  <el-button @click="getData">Promise</el-button> import getWeater from '@/app/login.js' methods: { getData() { // 未使用async...

ruby中rsa加密加签以及md5、hash加密以及des加解密方法整理

#RSA公钥加密,加签;des 不同加密算法的加密解密方法 # encoding:utf-8# author:anionrequire 'openssl'require 'base64'require 'digest' #一 rsa加签 base64编码  def rsa_sign data, key  rkey =OpenSSL::PKey::RSA.n...

python+mitmproxy抓包过滤+redis消息订阅+websocket实时消息发送,日志实时输出到web界面

本实例实现需求 在游戏SDK测试中,经常需要测试游戏中SDK的埋点日志是否接入正确。本实例通过抓包(客户端http/https 请求)来判定埋点日志是是否接入正确。 实现细节:使用django项目,后端采用python mitmdump 扩展脚本“log_handler.py”实时抓取与过滤4399SDK 客户端日志,将数据处理成约定需要的格式,保存和发布...

Easy UI 知识点以及easyui datagrid 动态生成列

知识点记录 1.下拉框的属性设置 <input type="text" name="DEP_CODE" data-options="panelWidth:260,                     idField:'GENERAL_CODE',                     textField:'GENERAL_CODE',     ...

android中的内部存储与外部存储

我们先来考虑这样一个问题: 打开手机设置,选择应用管理,选择任意一个App,然后你会看到两个按钮,一个是清除缓存,另一个是清除数据,那么当我们点击清除缓存的时候清除的是哪里的数据?当我们点击清除数据的时候又是清除的哪里的数据?读完本文相信你会有答案。 在android开发中我们常常听到这样几个概念,内存,内部存储,外部存储,很多人常常将这三个东西搞混,那么...

学习pycharm----自动化接口

1.pycharm中安装requests a:打开pycharm软件,点击file-setting b:在目录下点击Project Interpreter,在目录的右侧,点击右上方的+ c: 在输入框中输入requests,点击安装(提示sucessful时,表名安装第三方库成功) ps:在pycharm中安装其他第三方库是一样的步骤 2.使用pychar...