0 0

GXT grid中放 button 无法显示 null handle 30

各位大大:
小弟在 grid中放button无法显示 null handle
我在重写的basemodel中 

有个含参的构造函数 

    public UserList(String user_id,String user_name,String user_password,String app_id,String area_id,Button button1,Button button2){
        set("user_id", user_id);
        set("user_name", user_name);
        set("user_password", user_password);
        set("app_id", app_id);
        set("area_id", area_id);
        set("dele",button1);
        set("mod",button2);
    }


下面是grid的函数

 public Grid<UserList> addGrid(ListStore<UserList> listStore){
        ColumnConfig column = new ColumnConfig();
        mGridConfigs.clear();
        column.setId("user_id");
        column.setHeader("用户ID");
        column.setWidth(150);
        column.setRowHeader(true);
        mGridConfigs.add(column);

        column = new ColumnConfig();
        column.setId("user_name");
        column.setHeader("用户名");
        column.setWidth(150);
        mGridConfigs.add(column);

        column = new ColumnConfig();
        column.setId("user_password");
        column.setHeader("用户密码");
        column.setWidth(150);
        mGridConfigs.add(column);
        
        column = new ColumnConfig();
        column.setId("app_id");
        column.setHeader("坐标ID");
        column.setWidth(150);
        mGridConfigs.add(column);

        column = new ColumnConfig();
        column.setId("area_id");
        column.setHeader("区域ID");
        column.setWidth(150);
        mGridConfigs.add(column);
        
        column = new ColumnConfig();
        column.setId("dele");
        column.setHeader("dele");
        column.setWidth(150);
        mGridConfigs.add(column);
        
        column = new ColumnConfig();
        column.setId("mod");
        column.setHeader("mod");
        column.setWidth(150);
        mGridConfigs.add(column);
        mColumnModel = new ColumnModel(mGridConfigs);

        mGrid = new Grid<UserList>(listStore, mColumnModel);

        mGrid.setStyleAttribute("borderTop", "none");
        mGrid.setAutoExpandColumn("user_id");
        mGrid.setSize(800, 400);
        mGrid.setBorders(true);
        mGrid.setStripeRows(true);
        mGrid.setColumnLines(true);
        mGrid.setColumnReordering(true);
        return mGrid;
    }



 Button button = new Button("123");
            baseModel = new UserList(s1[0],s1[1],s1[2],s1[3],s1[4],button,button);
            listStore.add(baseModel);
            mGrid = addGrid(listStore);


显示的结果在 button的标示列 显示"null handle"其他正常 修改标示列id 显示字符串正常 说明不是其他问题,应该是不能引入按钮,想请教给怎么做 

功能就是查询后 相关数据后有2个按钮进行删改
谢谢

import com.extjs.gxt.ui.client.event.BaseEvent;
import com.extjs.gxt.ui.client.event.Events;
import com.extjs.gxt.ui.client.store.ListStore;
import com.extjs.gxt.ui.client.util.IconHelper;
import com.extjs.gxt.ui.client.widget.button.Button;
import com.extjs.gxt.ui.client.widget.form.FormPanel;
import com.extjs.gxt.ui.client.widget.grid.ColumnConfig;
import com.extjs.gxt.ui.client.widget.grid.ColumnModel;
import com.extjs.gxt.ui.client.widget.grid.Grid;
import com.google.gwt.core.client.GWT;
import com.google.gwt.http.client.Request;
import com.google.gwt.http.client.RequestBuilder;
import com.google.gwt.http.client.RequestCallback;
import com.google.gwt.http.client.RequestException;
import com.google.gwt.http.client.Response;
import com.google.gwt.user.client.Random;
import com.google.gwt.user.client.Window;
import com.google.gwt.user.client.ui.AbstractImagePrototype;
import com.wl.client.Layout.VerticalPanels;
import com.wl.client.actionsub.SubAction;
import com.wl.client.basemodel.UserList;



GWT 
2011年5月11日 11:27

3个答案 按时间排序 按投票排序

0 0

http://www.sencha.com/examples/pages/grid/widgetrenderer.html

2011年5月27日 10:57
0 0

baseModel = new UserList(s1[0],s1[1],s1[2],s1[3],s1[4],button,button);  
楼主,grid中显示btn,不能通过从store中添加的,gxt不支持。但它支持renderer,如del需要btn,则:
column = new ColumnConfig();  
35.       column.setId("dele");  
36.       column.setHeader("dele");  
37.       column.setWidth(150);
column.setRenderer(buttonRenderer); 
38.       mGridConfigs.add(column);  



GridCellRenderer<Modeldata> buttonRenderer = new GridCellRenderer<Modeldata>() {  
 
     
 
      public Object render(Modeldata model, String property, ColumnData config, final int rowIndex,  
          final int colIndex, ListStore<Modeldata> store, Grid<Modeldata> grid) {  
 
        Button b = new Button("del");
  //b.add ...
        return b;  
      }  
    };  

2011年5月17日 14:18
0 0


  GridCellRenderer<Stock> buttonRenderer = new GridCellRenderer




参考 官方 例子......

http://www.sencha.com/examples/pages/grid/widgetrenderer.html

2011年5月11日 20:43

相关推荐

    GXT组件使用教程4——Aggregation Grid

    在本文中,我们将深入探讨GXT组件的使用,特别是关于Aggregation Grid的教程。GXT是Sencha提供的一款强大的JavaScript库,专为构建企业级Web应用程序而设计,它提供了丰富的UI组件和数据网格功能。Aggregation Grid...

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

    在本文中,我们将深入探讨GXT组件的使用,特别是关于"Auto Height Grid"的功能。GXT,全称为Ext GWT(Google Web Toolkit),是一个强大的Java库,用于构建复杂的、高性能的Web应用程序。它提供了丰富的用户界面组件...

    GXT v2.2.1 API doc

    GXT提供了大量的组件,如表格(Grid)、树(Tree)、表单(Form)、菜单(Menu)等。API文档详细介绍了这些组件的创建、配置和使用方法,包括它们的属性、事件和方法。开发者可以通过查阅文档来了解如何实现特定...

    Gxt_BLOG(GXt项目)

    2. **数据网格(Data Grid)**:GXT的数据网格组件能够轻松处理大量数据,支持动态加载、分页、排序和过滤功能。这对于展示和操作复杂数据集的应用场景非常有用。 3. **图表(Charts)**:GXT的图表组件提供了多种...

    GXT 学习的好书

    无论是希望快速上手GXT的新手,还是想要深入了解GXT高级特性的开发者,都能从这本书中获益良多。通过系统地学习本书内容,读者将能够在较短的时间内建立起扎实的GXT基础,为今后的职业生涯奠定坚实的技术基石。

    GXT组件使用教程

    该文档深入讲解了GXT中的各种组件,如Grid、Window、Panel等的使用方法,同时可能包括了数据绑定、事件处理、组件样式定制等内容,旨在提升开发者对GXT组件的实际操作能力。 3. **JavaBeanSupportwithExtGWT.docx*...

    GXT Cascade ComboBox Samples

    在IT行业中,GXT(Ext GWT)是一种用于构建富客户端Web应用的JavaScript库,它基于Google的GWT(Google Web Toolkit)。GXT提供了一系列组件,使得开发者可以创建功能丰富的用户界面,类似于桌面应用程序的体验。...

    GXT 软件包和API

    GXT最初是对ExtJS的一个Java实现,ExtJS是一个用JavaScript编写的前端框架,而GXT则是将这些组件和功能转化为Java代码,使得开发人员可以在Java环境中进行工作,利用GWT的编译机制,生成高效的JavaScript代码运行在...

    gxt初学进阶教程

    从给定的内容来看,这篇“gxt初学进阶教程”主要介绍了一个基于GWT(Google Web Toolkit)的扩展工具库ExtGWT,也被称作GXT,用于帮助Java程序员在Web开发中创建富客户端应用程序。以下是根据提供的文件内容总结出的...

    gxt-api-2.2.5 doc

    3. **overview-tree.html**:组件结构树,显示了GXT库中的包、类和接口的层次关系,帮助开发者了解组件的组织结构。 4. **allclasses-frame.html** 和 **allclasses-noframe.html**:列出所有类的详细信息,前者在...

    Gxt,包含resource

    标题中的"Gxt"指的是Sencha GXT,这是一个基于Google Web Toolkit (GWT) 的Java库,专门用于构建富互联网应用程序(Rich Internet Applications, RIA)。GXT提供了丰富的组件、数据绑定、布局管理以及主题定制等功能...

    GXT组件使用教程3——Column Group

    在本文中,我们将深入探讨GXT组件的使用,特别是关于"Column Group"的功能。GXT,全称为Ext GWT(Google Web Toolkit的扩展),是一个强大的Java库,用于创建丰富的、高性能的JavaScript应用程序。它提供了大量的UI...

    一步一步教你新建GXT项目

    在`Libraries`选项卡中,点击`Add External JARs`,导航到你的GXT SDK安装目录,选择`gxt-x.x.x-client.jar`(x.x.x代表你的GXT版本号)添加进来。 4. **创建GXT模块**:打开`src/main/java`目录下的`...

    gwt + gxt jar包

    2. **响应式设计**:GXT支持响应式布局,可以根据设备屏幕大小自动调整界面显示。 3. **数据绑定**:GXT提供了数据模型和视图之间的绑定机制,简化了数据管理。 4. **主题定制**:可以自定义皮肤和主题,满足不同...

    ext gwt gxt初学教程

    - **下载并集成GXT SDK**:从Sencha官网下载GXT SDK,将其资源目录拷贝至GWT项目中,配置Eclipse以引用GXT类库。 - **创建并运行GWT项目**:利用Eclipse的GWT插件,创建新的GWT项目,随后修改项目配置以包含GXT组件...

    gxt-2.2.5.zip

    《GXT 2.2.5:Ext-GWT的增强工具包详解》 GXT,全称为GWT eXtension,是由EXTJS团队开发的一个用于Google Web Toolkit(GWT)的扩展库,旨在为GWT开发者提供更丰富、更强大的用户界面组件和功能。GXT 2.2.5是该系列...

    gwt , gxt文件上传

    GWT(Google Web Toolkit)和GXT(Sencha GXT)是两个在Web开发中用于构建富互联网应用程序(RIA)的框架。GWT是Google推出的一款开源工具,它允许开发者使用Java语言编写客户端代码,然后编译成优化的JavaScript,...

    gxt-1.2.3.jar.zip

    GXT的目标是将桌面级的用户体验引入到Web应用中,通过JavaScript库和Java API的结合,简化开发过程。 描述中提到,这个zip文件包含两个jar文件,即"gxt.jar"和"gxt-servlet.jar",它们是GXT库的主要组成部分。"gxt....

    GXT MVC design

    博客链接指向的可能是对如何在GXT项目中实现MVC模式的详细教程或讨论,但具体内容由于没有提供,我们无法深入探讨。通常,这样的教程会涵盖以下方面: - 如何组织GXT组件以符合MVC原则。 - 如何创建和使用事件监听器...

    gwt gxt demo

    标题 "gwt gxt demo" 暗示我们正在探讨一个基于 Google Web Toolkit (GWT) 和 Sencha GXT 的演示项目。GWT 是一个由Google开发的开源框架,允许开发者使用Java语言来编写Web应用,然后编译成优化过的JavaScript代码...

Global site tag (gtag.js) - Google Analytics