很多表单中都用到了下拉列表.比如 某人属于哪个国家.
"国家"做为下拉列表表现出来
在 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
分享到:
相关推荐
3. 使用GXT的数据绑定机制,将数据模型与UI组件关联,这样当数据改变时,UI会自动更新,反之亦然。 4. 考虑性能优化,如延迟加载,只在需要时加载下级数据,以减少初始加载时间和网络传输量。 通过分析和理解这些...
通过"GXt项目",开发者不仅可以学习到如何使用GXT构建高效且美观的Web应用,还能掌握如何将GXT与其他技术如Spring、Hibernate等集成,以实现更全面的业务逻辑。这个项目无疑为初学者和有经验的开发者都提供了一次...
- **数据绑定**:GXT支持双向数据绑定,可以轻松地将界面组件与后台数据模型关联,简化了数据管理。 - **响应式设计**:提供多种屏幕尺寸和设备的支持,适应不同平台和设备的用户体验。 - **主题定制**:提供多种...
2. **数据绑定**:GXT支持双向数据绑定,使得视图组件可以自动更新模型,反之亦然,简化了开发流程。 3. **响应式设计**:GXT API包含了响应式布局系统,可以根据不同设备的屏幕尺寸自动调整界面布局。 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 2.2.5中,数据绑定和分页功能得到了进一步优化。通过ModelData和Store对象,可以轻松实现数据的双向绑定,使得界面组件和后台数据之间的交互更为便捷。同时,数据网格支持动态加载和分页,提升了用户体验。 ...
**GXT v2.2.1 API 文档详解** GXT (Ext GWT) 是一个基于Google Web Toolkit (GWT) 的用户界面库,它提供了一系列丰富的组件和样式,用于构建复杂的、高性能的Web应用程序。GXT v2.2.1 API文档是官方提供的详细参考...
3. **数据绑定**:GXT提供了数据模型和视图之间的绑定机制,简化了数据管理。 4. **主题定制**:可以自定义皮肤和主题,满足不同项目的视觉需求。 5. **增强的性能**:GXT对GWT进行了优化,提高了组件渲染速度和整体...
开发者可能在项目中实践了从基本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`目录下的`...
它们绑定到数据源,当数据源发生变化时,视图会自动更新;反之,当用户在视图上进行操作时,也会反馈到数据源。 在"**gxtcurd.war**"这个文件中,可能包含了部署到Web服务器上的所有资源,包括HTML、CSS、...
3. **数据绑定和模型**:GXT支持数据绑定,使得UI组件可以直接与后台数据源关联,实现数据的实时更新。同时,它引入了Model概念,方便处理业务逻辑和数据持久化。 4. **Ajax交互**:GXT利用Ajax技术实现页面无刷新...
GWT(Google Web Toolkit)和GXT(Sencha GXT)是两个在Web开发中用于构建富互联网应用程序(RIA)的框架。GWT是Google推出的一款开源工具,它允许开发者使用Java语言编写客户端代码,然后编译成优化的JavaScript,...
GXT提供了大量的可定制的组件,如表格、树、菜单、按钮等,同时提供了丰富的主题和数据绑定功能。 GXT(Ext GWT)是Sencha公司开发的一个开源项目,它扩展了GWT的功能,使得开发者可以更容易地创建复杂的、具有桌面...
GXT 学习的好书, 帮助你尽快进入GXT.
3. **数据绑定**:掌握GXT的数据绑定机制,如何让视图自动反映模型的变化。 4. **MVC设计模式**:深入理解模型-视图-控制器的设计原则,如何在实际项目中有效地组织代码。 5. **数据库集成**:了解如何连接和操作...
gxt初学进阶教程,教你一步一步使用gxt,容易上手,例子很详细
EXT-GWT(GXT)是一种基于Google Web Toolkit (GWT)的开源JavaScript库,用于...记得在开发过程中,GXT还提供了许多高级功能,如数据绑定、表格、树形视图等,你可以进一步学习和探索,以提升你的应用功能和用户体验。
浪曦原创]GXT系列+第1讲+GXT_GWT的安装.