GXT组件使用教程2——Auto Height Grid

文章以EXT-GWT的examples为纲要，在EXT-GWT例子中提供了91种例子.

 

此系列不是从新建一个项目开始。学习此教程的人应该有能力通过查资料完成GWT同EXT结合并构建项目。

 

界面截图：

点击 Add Plant 之后截图

表格的宽度自动增加了。

查看源代码：

编写设置高度方法

protected void doAutoHeight() {  
    if (grid.isViewReady()) {  
      grid.getView().getScroller().setStyleAttribute("overflowY", "hidden");  
      // 重新设置放置grid的panel的高度。这些高度是由以下几个高度的和组成的
      // 先判断是否有 横向滚动条，有就加19 像素
      // 加上 表头高度，加上之前面板高度，
      // 加上列名高度，加上新增行高度，得出新的panel高  
      cp.setHeight((grid.getView().getBody().isScrollableX() ? 19 : 0) + grid.el().getFrameWidth("tb")  
          + grid.getView().getHeader().getHeight() + cp.getFrameHeight()  
          + grid.getView().getBody().firstChild().getHeight());  
    }  
  }  

 

 调用方法。调用方法是给表格，表格的store,表格的column加事件监听。当表内数据有变化时进行调用设置高度方法

 

// 当表格重绘时 
grid.addListener(Events.ViewReady, new Listener<ComponentEvent>() {  
      public void handleEvent(ComponentEvent be) {  
// 当数据增加时
        grid.getStore().addListener(Store.Add, new Listener<StoreEvent<Plant>>() {  
          public void handleEvent(StoreEvent<Plant> be) {  
            doAutoHeight();  
          }  
        });  
        doAutoHeight();  
      }  
    });
  
//列大小变化可导致水平滚动条的显示和隐藏，当滚动条显示时容器也要变高
    grid.addListener(Events.ColumnResize, new Listener<ComponentEvent>() {  
      public void handleEvent(ComponentEvent be) {  
        doAutoHeight();  
      }  
    });
  
// Fires when a column is hidden or "unhidden"
    grid.getColumnModel().addListener(Events.HiddenChange, new Listener<ColumnModelEvent>() {  
      public void handleEvent(ColumnModelEvent be) {  
        doAutoHeight();  
      }  
    });  

 

评论

7 楼 墨者侠客 2014-02-21  

hello ,我想按照Demo中 做一个EditableTreeGrid demo 并且在后面加一列 三态复选框 功能，请问 如何加呢？ 我已经知道加两态复选框了，但是不了解三态该如何加,希望指导啊

6 楼 董瑞龙 2010-10-29  

wzjin 写道

董瑞龙 写道

wzjin 写道

董瑞龙 写道

wzjin 写道

好东西要订！

这个系列的文章好像需要的人不多，所以就没继续更新。你要是有什么GXT问题我们可以一块讨论,谢谢

好的，因为这个技术对企业来讲相对比较新，所以采用的比较少。这个技术我还是蛮看好的。

我们公司引进全面由Flex转向GXT了，期间也遇到了不少问题。每种技术都有自己的有点也有不能忽视的缺点。往往深入越深对缺点的认识越切

是的，说的对。对于大项目来讲，采用太新的技术还是有一定的风险的。但是我相信gxt在前端能提高工作效率，也会提示用户感受了。现在开发也有好的工具支持了，windowsbuilder已经被Google收购并开放了。

关于提高工作效率上确实有，但是我们在刚开始做的时候也是比较痛苦的，往往一个问题要调好久才能搞定。但是过了那个上手时期后，公司构建界面的效率却是有所提高。

5 楼 wzjin 2010-10-29  

董瑞龙 写道

wzjin 写道

董瑞龙 写道

wzjin 写道

好东西要订！

这个系列的文章好像需要的人不多，所以就没继续更新。你要是有什么GXT问题我们可以一块讨论,谢谢

好的，因为这个技术对企业来讲相对比较新，所以采用的比较少。这个技术我还是蛮看好的。

我们公司引进全面由Flex转向GXT了，期间也遇到了不少问题。每种技术都有自己的有点也有不能忽视的缺点。往往深入越深对缺点的认识越切

是的，说的对。对于大项目来讲，采用太新的技术还是有一定的风险的。但是我相信gxt在前端能提高工作效率，也会提示用户感受了。现在开发也有好的工具支持了，windowsbuilder已经被Google收购并开放了。

4 楼 董瑞龙 2010-10-29  

wzjin 写道

董瑞龙 写道

wzjin 写道

好东西要订！

这个系列的文章好像需要的人不多，所以就没继续更新。你要是有什么GXT问题我们可以一块讨论,谢谢

好的，因为这个技术对企业来讲相对比较新，所以采用的比较少。这个技术我还是蛮看好的。

我们公司引进全面由Flex转向GXT了，期间也遇到了不少问题。每种技术都有自己的有点也有不能忽视的缺点。往往深入越深对缺点的认识越切

3 楼 wzjin 2010-10-29  

董瑞龙 写道

wzjin 写道

好东西要订！

这个系列的文章好像需要的人不多，所以就没继续更新。你要是有什么GXT问题我们可以一块讨论,谢谢

好的，因为这个技术对企业来讲相对比较新，所以采用的比较少。这个技术我还是蛮看好的。

2 楼 董瑞龙 2010-10-29  

wzjin 写道

好东西要订！

这个系列的文章好像需要的人不多，所以就没继续更新。你要是有什么GXT问题我们可以一块讨论,谢谢

1 楼 wzjin 2010-10-28  

好东西要订！