`
yx200404
  • 浏览: 78353 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

GXT中如何将数据绑定到下拉列表并且默认值

    博客分类:
  • GXT
 
阅读更多
很多表单中都用到了下拉列表.比如 某人属于哪个国家.

"国家"做为下拉列表表现出来

在 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 Cascade ComboBox Samples

    3. 使用GXT的数据绑定机制,将数据模型与UI组件关联,这样当数据改变时,UI会自动更新,反之亦然。 4. 考虑性能优化,如延迟加载,只在需要时加载下级数据,以减少初始加载时间和网络传输量。 通过分析和理解这些...

    Gxt_BLOG(GXt项目)

    通过"GXt项目",开发者不仅可以学习到如何使用GXT构建高效且美观的Web应用,还能掌握如何将GXT与其他技术如Spring、Hibernate等集成,以实现更全面的业务逻辑。这个项目无疑为初学者和有经验的开发者都提供了一次...

    GXT 软件包和API

    - **数据绑定**:GXT支持双向数据绑定,可以轻松地将界面组件与后台数据模型关联,简化了数据管理。 - **响应式设计**:提供多种屏幕尺寸和设备的支持,适应不同平台和设备的用户体验。 - **主题定制**:提供多种...

    gxt-api-2.2.5 doc

    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 Tree)基本实现GXT 下拉树(Combo ...

    gxt-1.2.3.jar.zip

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

    gxt-2.2.5.zip

    在GXT 2.2.5中,数据绑定和分页功能得到了进一步优化。通过ModelData和Store对象,可以轻松实现数据的双向绑定,使得界面组件和后台数据之间的交互更为便捷。同时,数据网格支持动态加载和分页,提升了用户体验。 ...

    GXT v2.2.1 API doc

    **GXT v2.2.1 API 文档详解** GXT (Ext GWT) 是一个基于Google Web Toolkit (GWT) 的用户界面库,它提供了一系列丰富的组件和样式,用于构建复杂的、高性能的Web应用程序。GXT v2.2.1 API文档是官方提供的详细参考...

    gwt + gxt jar包

    3. **数据绑定**:GXT提供了数据模型和视图之间的绑定机制,简化了数据管理。 4. **主题定制**:可以自定义皮肤和主题,满足不同项目的视觉需求。 5. **增强的性能**:GXT对GWT进行了优化,提高了组件渲染速度和整体...

    gwt gxt demo

    开发者可能在项目中实践了从基本UI设计到数据绑定、异步通信(RPC)以及事件处理等技术。 标签 "java" 明确了开发语言,意味着整个项目基于Java编程。"extjs" 是另一个与GXT相关的标签,因为GXT最初是基于Ext JS库...

    一步一步教你新建GXT项目

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

    gxt的一个增删改查的例子

    它们绑定到数据源,当数据源发生变化时,视图会自动更新;反之,当用户在视图上进行操作时,也会反馈到数据源。 在"**gxtcurd.war**"这个文件中,可能包含了部署到Web服务器上的所有资源,包括HTML、CSS、...

    gxt explorer

    3. **数据绑定和模型**:GXT支持数据绑定,使得UI组件可以直接与后台数据源关联,实现数据的实时更新。同时,它引入了Model概念,方便处理业务逻辑和数据持久化。 4. **Ajax交互**:GXT利用Ajax技术实现页面无刷新...

    gwt , gxt文件上传

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

    GXT2.0 EXT=GWT !!!!

    GXT提供了大量的可定制的组件,如表格、树、菜单、按钮等,同时提供了丰富的主题和数据绑定功能。 GXT(Ext GWT)是Sencha公司开发的一个开源项目,它扩展了GWT的功能,使得开发者可以更容易地创建复杂的、具有桌面...

    GXT 学习的好书

    GXT 学习的好书, 帮助你尽快进入GXT.

    GXTMVC开发框架

    3. **数据绑定**:掌握GXT的数据绑定机制,如何让视图自动反映模型的变化。 4. **MVC设计模式**:深入理解模型-视图-控制器的设计原则,如何在实际项目中有效地组织代码。 5. **数据库集成**:了解如何连接和操作...

    gxt初学进阶教程

    gxt初学进阶教程,教你一步一步使用gxt,容易上手,例子很详细

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

    EXT-GWT(GXT)是一种基于Google Web Toolkit (GWT)的开源JavaScript库,用于...记得在开发过程中,GXT还提供了许多高级功能,如数据绑定、表格、树形视图等,你可以进一步学习和探索,以提升你的应用功能和用户体验。

    浪曦原创]GXT系列+第1讲+GXT_GWT的安装.

    浪曦原创]GXT系列+第1讲+GXT_GWT的安装.

Global site tag (gtag.js) - Google Analytics