-
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;
2011年5月11日 11:27
3个答案 按时间排序 按投票排序
-
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
-
用
GridCellRenderer<Stock> buttonRenderer = new GridCellRenderer
参考 官方 例子......
http://www.sencha.com/examples/pages/grid/widgetrenderer.html2011年5月11日 20:43
相关推荐
在本文中,我们将深入探讨GXT组件的使用,特别是关于Aggregation Grid的教程。GXT是Sencha提供的一款强大的JavaScript库,专为构建企业级Web应用程序而设计,它提供了丰富的UI组件和数据网格功能。Aggregation Grid...
在本文中,我们将深入探讨GXT组件的使用,特别是关于"Auto Height Grid"的功能。GXT,全称为Ext GWT(Google Web Toolkit),是一个强大的Java库,用于构建复杂的、高性能的Web应用程序。它提供了丰富的用户界面组件...
GXT提供了大量的组件,如表格(Grid)、树(Tree)、表单(Form)、菜单(Menu)等。API文档详细介绍了这些组件的创建、配置和使用方法,包括它们的属性、事件和方法。开发者可以通过查阅文档来了解如何实现特定...
2. **数据网格(Data Grid)**:GXT的数据网格组件能够轻松处理大量数据,支持动态加载、分页、排序和过滤功能。这对于展示和操作复杂数据集的应用场景非常有用。 3. **图表(Charts)**:GXT的图表组件提供了多种...
无论是希望快速上手GXT的新手,还是想要深入了解GXT高级特性的开发者,都能从这本书中获益良多。通过系统地学习本书内容,读者将能够在较短的时间内建立起扎实的GXT基础,为今后的职业生涯奠定坚实的技术基石。
该文档深入讲解了GXT中的各种组件,如Grid、Window、Panel等的使用方法,同时可能包括了数据绑定、事件处理、组件样式定制等内容,旨在提升开发者对GXT组件的实际操作能力。 3. **JavaBeanSupportwithExtGWT.docx*...
在IT行业中,GXT(Ext GWT)是一种用于构建富客户端Web应用的JavaScript库,它基于Google的GWT(Google Web Toolkit)。GXT提供了一系列组件,使得开发者可以创建功能丰富的用户界面,类似于桌面应用程序的体验。...
GXT最初是对ExtJS的一个Java实现,ExtJS是一个用JavaScript编写的前端框架,而GXT则是将这些组件和功能转化为Java代码,使得开发人员可以在Java环境中进行工作,利用GWT的编译机制,生成高效的JavaScript代码运行在...
从给定的内容来看,这篇“gxt初学进阶教程”主要介绍了一个基于GWT(Google Web Toolkit)的扩展工具库ExtGWT,也被称作GXT,用于帮助Java程序员在Web开发中创建富客户端应用程序。以下是根据提供的文件内容总结出的...
3. **overview-tree.html**:组件结构树,显示了GXT库中的包、类和接口的层次关系,帮助开发者了解组件的组织结构。 4. **allclasses-frame.html** 和 **allclasses-noframe.html**:列出所有类的详细信息,前者在...
标题中的"Gxt"指的是Sencha GXT,这是一个基于Google Web Toolkit (GWT) 的Java库,专门用于构建富互联网应用程序(Rich Internet Applications, RIA)。GXT提供了丰富的组件、数据绑定、布局管理以及主题定制等功能...
在本文中,我们将深入探讨GXT组件的使用,特别是关于"Column Group"的功能。GXT,全称为Ext GWT(Google Web Toolkit的扩展),是一个强大的Java库,用于创建丰富的、高性能的JavaScript应用程序。它提供了大量的UI...
在`Libraries`选项卡中,点击`Add External JARs`,导航到你的GXT SDK安装目录,选择`gxt-x.x.x-client.jar`(x.x.x代表你的GXT版本号)添加进来。 4. **创建GXT模块**:打开`src/main/java`目录下的`...
2. **响应式设计**:GXT支持响应式布局,可以根据设备屏幕大小自动调整界面显示。 3. **数据绑定**:GXT提供了数据模型和视图之间的绑定机制,简化了数据管理。 4. **主题定制**:可以自定义皮肤和主题,满足不同...
- **下载并集成GXT SDK**:从Sencha官网下载GXT SDK,将其资源目录拷贝至GWT项目中,配置Eclipse以引用GXT类库。 - **创建并运行GWT项目**:利用Eclipse的GWT插件,创建新的GWT项目,随后修改项目配置以包含GXT组件...
《GXT 2.2.5:Ext-GWT的增强工具包详解》 GXT,全称为GWT eXtension,是由EXTJS团队开发的一个用于Google Web Toolkit(GWT)的扩展库,旨在为GWT开发者提供更丰富、更强大的用户界面组件和功能。GXT 2.2.5是该系列...
GWT(Google Web Toolkit)和GXT(Sencha GXT)是两个在Web开发中用于构建富互联网应用程序(RIA)的框架。GWT是Google推出的一款开源工具,它允许开发者使用Java语言编写客户端代码,然后编译成优化的JavaScript,...
GXT的目标是将桌面级的用户体验引入到Web应用中,通过JavaScript库和Java API的结合,简化开发过程。 描述中提到,这个zip文件包含两个jar文件,即"gxt.jar"和"gxt-servlet.jar",它们是GXT库的主要组成部分。"gxt....
博客链接指向的可能是对如何在GXT项目中实现MVC模式的详细教程或讨论,但具体内容由于没有提供,我们无法深入探讨。通常,这样的教程会涵盖以下方面: - 如何组织GXT组件以符合MVC原则。 - 如何创建和使用事件监听器...
标题 "gwt gxt demo" 暗示我们正在探讨一个基于 Google Web Toolkit (GWT) 和 Sencha GXT 的演示项目。GWT 是一个由Google开发的开源框架,允许开发者使用Java语言来编写Web应用,然后编译成优化过的JavaScript代码...