zoukankan      html  css  js  c++  java
  • 实现Ext Grid宽高自适应

    不知是Ext的Bug还是其他原因,当初始化grid并将宽度设为100%时,其宽度会变成10000px宽,高度100%则grid高度根据grid内容自适应,而不是根据其所在容器自适应,一直没有很好的办法,只能使用绝对宽高,但有时这是很不方便的。
    对此问题一直耿耿于怀,后来终于想出了一个办法,还真的可行,但就是感觉有点蹩脚。
    一般我们都通过render到指定id的层上来展现grid,虽然不能让grid宽高自适应,但层还是可以的。
    如我们这里要用到的层是<div id="orgGrid"></div>。我们可以在这个层上设置高宽。
    如<div id="orgGrid" style="100%;height:250px"></div>。
    则在初始化grid的时候让其宽高与orgGrid宽高相同即可,并在页面resize时重新计算器宽度即可(一般高度固定还是比较好)。

    //..前面若干行代码省略,如ds/colmodel等
    var orgGrid=Ext.get("orgGrid");  //展示grid的容器女装品牌排行榜
        var grid = new Ext.grid.GridPanel({
            title:"人员管理",
            ds: ds,  //数据源
            cm: colModel,  //列模式
            sm:selMode,    //选择模式
            orgGrid.getComputedWidth(),
            height:orgGrid.getComputedHeight(),
            autoExpandColumn:"memory",  //自动扩展宽度的列
            autoScroll:true,
            loadMask:{msg:"数据加载中,请稍等"}
         });
         ds.load();风之境地 java-javascript
         grid.render(orgGrid);  //把grid铺到id为grid的容器中

    window.onresize=function(){
            grid.setWidth(0);
            grid.setWidth(orgGrid.getComputedWidth());
    };

  • 相关阅读:
    重建索引报错-python数据分析
    机器学习实战1-2.1 KNN改进约会网站的配对效果 datingTestSet2.txt 下载方法
    机器学习实战1-1 KNN电影分类遇到的问题
    权限掩码umask详解
    spark配置(7)--on yarn配置
    spark配置(6)-独立应用程序
    spark配置(5)-独立应用程序
    spark配置(4)-----Spark Streaming
    spark配置(3)
    spark配置(2)
  • 原文地址:https://www.cnblogs.com/sky7034/p/2042954.html
Copyright © 2011-2022 走看看