`
panfugen
  • 浏览: 26264 次
  • 性别: Icon_minigender_1
  • 来自: 上海
最近访客 更多访客>>
社区版块
存档分类
最新评论

EXT-GWT为表格添加链接,点击链接后弹出Window并获得点击行的所有数据值

阅读更多
**

*SysParaConfig是一个实现了IsSerializable的类,包含了所有列配置的get(),set()方法

*column为表格中其中一列的列名,operation是从后台数据库中得到的值为"修改"

*/

 

GridCellRenderer<SysParaConfig> renderer = new GridCellRenderer<SysParaConfig>() {

   public String render(SysParaConfig model, String property,
           ColumnData config, int rowIndex, int colIndex,
           ListStore<SysParaConfig> store) {
    int id = model.getId();

    String operation = model.getOperation();

//添加的连接,链接显示的值为operation,该列唯一标示符是id
    String link = "<a onclick='return false' href='" + "?id=" + id
            + "'>" + operation + "</a>";

    return link;
   }
  };

column.setRenderer(renderer );

//这样在表格grid列名为column的列上就成功添加了连接。

  

// 添加表格点击事件
  Listener<ComponentEvent> gridListener = new Listener<ComponentEvent>() {

   public void handleEvent(ComponentEvent be) {
    GridEvent ge = (GridEvent) be;
    grid = (EditorGrid<SysParaConfig>) ge.grid;

//获得点击的行值
    int rowIndex = ge.rowIndex;

//获得点击的列值
    int colIndex = ge.colIndex;
    if (rowIndex < 0 || colIndex < 0)     return;


    List<String> list = new ArrayList<String>();
    list.clear();

//获取点击行列的值
    String isEdit = grid.getView().getCell(rowIndex, colIndex)
            .getInnerText().trim();
//如果点击的是修改,就执行下面的操作    
    if ("operation".equals(isEdit)) {
     store.commitChanges();

//从点击行的第一列开始取值,直至最后一列的值
     for (int i = 0; i < 5; i++) {    

//因为表格的列值是固定值,所以i<列值(5是列值)

  Element et = grid.getView().getCell(rowIndex, i);
      String value = et.getInnerText();
      list.add(value);
     }

//获取成功后可以跳到initWindow(list)去显示点击行的所有值或者做其他的处理

     initWindow(list);
     

    }
   }
  };

/**

*当然了你的给表格加上这个监听事件才会生效,cp是一个ContentPanel
*grid不用说就是你要添加链接并监听点击事件的表格类型是EditorGrid

*/

  if (cp != null)
   grid.addListener(Events.OnClick, gridListener);
//弹出窗口,处理数据

private  void  initWindow(list){

        Window  window=new Window();

        window.setSize(300,280);

        window.show();

        ......

}

 

分享到:
评论

相关推荐

    EXT-GWT(GXT) 2.2.4 JAVA API DOC chm 版

    EXT-GWT,全称为Ext GWT,是Sencha公司推出的一款基于Java的开源富互联网应用程序(Rich Internet Application,RIA)开发框架。GXT是EXT-GWT的简称,它提供了丰富的用户界面组件,允许开发者用Java代码来构建复杂的...

    EXT-GWT(GXT)2.2.3 API DOC.zip

    EXT-GWT,全称为Ext GWT,是Sencha公司开发的一个强大的Java库,用于构建富互联网应用程序(RIA)。GXT是EXT-GWT的扩展,它提供了更多组件、样式和功能,使得开发者能够创建出与桌面应用相媲美的用户体验。GXT 2.2.3...

    搭建简单的EXT-GWT(GXT)的开发环境(四)ext-gwt(gxt)结合google map第三版开发

    它基于Google Web Toolkit (GWT),提供了丰富的UI组件和功能,使得开发者可以使用Java语言来编写前端代码,然后由GWT编译器转换为优化过的JavaScript。在本篇内容中,我们将探讨如何搭建一个简单的EXT-GWT(GXT)...

    ext-gwt分页 鉴于网上关于ext-gwt的技术文章很少代码页很少本着开源的精神本人特地写了一个分页的组件供大家学习欢迎下载

    EXT-GWT,全称是Ext GWT,是Sencha公司推出的一个用于构建富客户端Web应用的JavaScript库。它基于Google的GWT(Google Web ...通过深入理解并实践EXT-GWT的分页组件,开发者可以构建出更加用户友好的数据展示界面。

    EXT-GWT 2.2.0 API DOC (gxt) chm版

    EXT-GWT 2.2.0 API DOC (gxt) chm 版 。 2010年10月制作。完美的搜索功能。如果打不开,请选中它,点右键 看属性,选择解除锁定。别再抱怨打不开了。

    搭建简单的EXT-GWT(GXT)的开发环境

    EXT-GWT(GXT)是一种基于Google Web Toolkit (GWT)的开源JavaScript库,用于构建富客户端的Web应用程序。GXT提供了丰富的用户界面组件和样式,使得开发者能够创建出类似于桌面应用的用户体验。本文将详细介绍如何...

    EXT-GWT(GXT) 2.2.5 JAVA API DOC chm 版

    EXT-GWT(GXT) 2.2.4 JAVA API DOC chm 版.完美的的搜索功能,支持全文检索。2011年11月制作。如果打不开,请选中它,点右键 看属性,选择解除锁定。别再抱怨打不开了。

    更新的ext-gwt选课系统

    【更新的ext-gwt选课系统】是一款基于EXT-GWT技术构建的在线选课平台,旨在提供高效、用户友好的选课体验。EXT-GWT(Ext GWT)是Sencha公司开发的一个强大的JavaScript库,它允许开发者使用Java语言来编写富互联网...

    搭建简单的EXT-GWT(GXT)的开发环境(三)gxt结合spring和hibernate进行数据操作

    EXT-GWT(GXT)是一种基于Google Web Toolkit (GWT) 的高级用户界面库,它提供了丰富的组件和样式,使得开发者能够构建出复杂的、企业级的Web应用。本篇文章将聚焦于如何在EXT-GWT中整合Spring框架和Hibernate ORM,...

    ext-gwt的下载非常好

    gxt的下载非常好,ext-gwt的下载非常好

    EXT-GWT 2.2.3 API DOC (gxt) chm 版

    EXT-GWT 2.2.3 API DOC (gxt) chm 版,完美的的搜索功能,支持全文检索。2011年3月制作。如果打不开,请选中它,点右键 看属性,选择解除锁定。别再抱怨打不开了。

    GWT EXT 教程全集

    " Gwt-Ext学习笔记之基础篇.doc "、" Gwt-Ext学习笔记之中级篇.doc "、" Gwt-Ext学习笔记之进级篇.doc "这三份文档,按照从基础到进阶的顺序,系统地介绍了EXT-GWT的使用技巧和实践案例。基础篇可能涵盖EXT-GWT的...

    EXT-GWT 2.1.0 API Doc chm版(新版本已可用)

    EXT-GWT2.1.0 java api 文档 chm格式方便查找2010年7月制作 完美的搜索,支持全文检索功能。另新版本EXT-GWT2.2.0 java api 已可用请到http://download.csdn.net/source/2700814 下载

    Ext-Gwt(GWT)开发实例(整合Spring +Hibernate)

    标题 "Ext-Gwt(GWT)开发实例(整合Spring +Hibernate)" 涉及到的是一个实际项目开发的教程,其中结合了三个重要的技术框架:Google Web Toolkit (GWT),Spring 和 Hibernate。这个实例旨在展示如何在Web应用开发中...

    Gwt-ext学习笔记

    GWT(Google Web Toolkit)和Ext JS是两个在Web开发领域广泛应用的技术,它们结合形成的Gwt-ext库,为开发者提供了一种构建富客户端应用程序的强大工具。这篇学习笔记将深入探讨Gwt-ext的核心概念、功能以及如何在实际...

    EXT-GWT 2.2.2 API DOC (gxt) chm 版

    EXT-GWT 2.2.2 API DOC (gxt) chm 版 。 2011年3月制作。完美的搜索功能。 如果打不开,请选中它,点右键 看属性,选择解除锁定。别再抱怨打不开了。

    Gwt-ext学习笔记之基础篇

    ### Gwt-ext学习笔记之基础篇 #### 一、安装CypalStudio工具 为了能够开始Gwt-ext的学习之旅,首先需要确保开发环境已经搭建好。CypalStudio是一款非常实用的工具,它能帮助开发者更高效地进行GWT项目的开发。 1....

    gwt-ext-tree

    3. **事件处理(Event Handling)**:在 GWT-Ext-Tree 中,你可以监听并处理各种树形控件的事件,如节点点击、展开、折叠等。这些事件可以触发相应的业务逻辑,实现更丰富的交互功能。 4. **样式和主题(Styles and...

    EXT-GWT2.0.1 API DOC.chm(新版本已可用请看软件说明)

    EXT-GWT2.0.1 java api 文档 chm格式方便查找2009年9月制作 注意:请到下面网址下载新版本, 新版本解决了旧版的部分搜索问题,并且api升级到了2.1.0版,EXT-GWT2.1.0 java api 文档 chm格式 2010年7月制作,地址...

Global site tag (gtag.js) - Google Analytics