很多表单中都用到了下拉列表.比如 某人属于哪个国家.
"国家"做为下拉列表表现出来
在 grid 中列出来的样式
姓名 国家
--------------
张三 中国
Jack 美国
当点击上述某一列的时候 在表单中表现为
姓名:张三
国家:<这里是一个下拉列表,默认选中'中国'>
下面是代码
public class User extends BaseModel implements IsSerializable{
/**
*
*/
private static final long serialVersionUID = -4078159040998522187L;
private String userName;
private Country country;
public String getUserName() {
return userName;
}
public void setUserName(String userName) {
this.userName = userName;
}
public Country getCountry() {
return country;
}
public void setCountry(Country country) {
//这里通过GXT提供的'set'方法进行set值
country.set("name", country.getName());
this.country = country;
}
}
public class Country extends BaseModel implements IsSerializable{
/**
*
*/
private static final long serialVersionUID = -1888971993117554920L;
private int id;
private String name;
public int getId() {
return id;
}
public void setId(int id) {
this.id = id;
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
}
下面是页面代码
ComboBox<Country> combo = new ComboBox<Country>();
combo.setFieldLabel("国家");
combo.setName("country");
combo.setEmptyText("请选择国家");
combo.setDisplayField("name");
combo.setTriggerAction(TriggerAction.ALL);
combo.setStore(countryStore);
combo.setAllowBlank(false);
其实就是对GXT model 的 set 和 get 方面的使用
http://www.nptpark.com
分享到:
相关推荐
该文档深入讲解了GXT中的各种组件,如Grid、Window、Panel等的使用方法,同时可能包括了数据绑定、事件处理、组件样式定制等内容,旨在提升开发者对GXT组件的实际操作能力。 3. **JavaBeanSupportwithExtGWT.docx*...
3. 使用GXT的数据绑定机制,将数据模型与UI组件关联,这样当数据改变时,UI会自动更新,反之亦然。 4. 考虑性能优化,如延迟加载,只在需要时加载下级数据,以减少初始加载时间和网络传输量。 通过分析和理解这些...
通过"GXt项目",开发者不仅可以学习到如何使用GXT构建高效且美观的Web应用,还能掌握如何将GXT与其他技术如Spring、Hibernate等集成,以实现更全面的业务逻辑。这个项目无疑为初学者和有经验的开发者都提供了一次...
- **数据绑定**:GXT支持双向数据绑定,可以轻松地将界面组件与后台数据模型关联,简化了数据管理。 - **响应式设计**:提供多种屏幕尺寸和设备的支持,适应不同平台和设备的用户体验。 - **主题定制**:提供多种...
3. **数据绑定与表格** - **数据模型**:理解GXT的数据模型及其在数据处理中的作用。 - **数据表格**:详细介绍如何使用Grid组件展示和操作数据。 - **远程数据服务**:实现客户端与服务器之间的数据交互。 4. *...
GXT 下拉树(Combo Tree)基本实现GXT 下拉树(Combo Tree)基本实现GXT 下拉树(Combo Tree)基本实现GXT 下拉树(Combo Tree)基本实现GXT 下拉树(Combo Tree)基本实现GXT 下拉树(Combo Tree)基本实现GXT 下拉树(Combo ...
GXT的目标是将桌面级的用户体验引入到Web应用中,通过JavaScript库和Java API的结合,简化开发过程。 描述中提到,这个zip文件包含两个jar文件,即"gxt.jar"和"gxt-servlet.jar",它们是GXT库的主要组成部分。"gxt....
GXT提供了丰富的组件、数据绑定、布局管理以及主题定制等功能,让开发者能够利用Java语言开发出具有桌面应用级别的用户体验的Web应用。 "包含resource"这部分意味着压缩包中可能包含了GXT库的资源文件,这些文件...
2. **数据绑定**:GXT支持双向数据绑定,使得视图组件可以自动更新模型,反之亦然,简化了开发流程。 3. **响应式设计**:GXT API包含了响应式布局系统,可以根据不同设备的屏幕尺寸自动调整界面布局。 4. **表格...
在GXT 2.2.5中,数据绑定和分页功能得到了进一步优化。通过ModelData和Store对象,可以轻松实现数据的双向绑定,使得界面组件和后台数据之间的交互更为便捷。同时,数据网格支持动态加载和分页,提升了用户体验。 ...
**GXT v2.2.1 API 文档详解** GXT (Ext GWT) 是一个基于Google Web Toolkit (GWT) 的用户界面库,它提供了一系列丰富的组件和样式,用于构建复杂的、高性能的Web应用程序。GXT v2.2.1 API文档是官方提供的详细参考...
在本文中,我们将深入探讨GXT组件的使用,特别是关于Aggregation Grid的教程。GXT是Sencha提供的一款强大的JavaScript库,专为构建企业级Web应用程序而设计,它提供了丰富的UI组件和数据网格功能。Aggregation Grid...
3. **数据绑定**:GXT提供了数据模型和视图之间的绑定机制,简化了数据管理。 4. **主题定制**:可以自定义皮肤和主题,满足不同项目的视觉需求。 5. **增强的性能**:GXT对GWT进行了优化,提高了组件渲染速度和整体...
通过解压并探索这些文件,开发者可以深入理解框架的内部结构,学习如何使用和定制GXT组件,以及如何将它们集成到Livesense项目中。 在实际应用中,Livesense GXT框架可能涉及到以下关键知识点: 1. **GXT组件库**...
开发者可能在项目中实践了从基本UI设计到数据绑定、异步通信(RPC)以及事件处理等技术。 标签 "java" 明确了开发语言,意味着整个项目基于Java编程。"extjs" 是另一个与GXT相关的标签,因为GXT最初是基于Ext JS库...
在`Libraries`选项卡中,点击`Add External JARs`,导航到你的GXT SDK安装目录,选择`gxt-x.x.x-client.jar`(x.x.x代表你的GXT版本号)添加进来。 4. **创建GXT模块**:打开`src/main/java`目录下的`...
在实际开发中,开发者通常会将GXT的JAR包引入到项目中,通过Java代码来创建和配置组件,编译后GWT会生成对应的JavaScript代码。同时,源代码的提供对于开发者来说非常宝贵,因为它们可以帮助理解GXT内部的工作机制,...
GXT是Ext JS的一个Java版本,提供了大量的桌面级UI组件,如表格、图表、树形视图等,同时还支持数据绑定和分页功能。GXT的优势在于其丰富的界面组件和对响应式设计的支持,使得开发者能够构建出类似桌面应用的用户...
ExtGWT与GWT协同工作主要是通过将GXT的组件库和资源加入到GWT项目中来实现。添加ExtGWT到GWT项目通常涉及以下步骤: 1. 从Sencha官网下载对应的GXT SDK。 2. 在GWT项目中配置和引用GXT相关类库。 3. 将GXT自带的资源...
它们绑定到数据源,当数据源发生变化时,视图会自动更新;反之,当用户在视图上进行操作时,也会反馈到数据源。 在"**gxtcurd.war**"这个文件中,可能包含了部署到Web服务器上的所有资源,包括HTML、CSS、...