`
yx200404
  • 浏览: 78758 次
  • 性别: 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组件使用教程

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

    GXT Cascade ComboBox Samples

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

    Gxt_BLOG(GXt项目)

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

    GXT 软件包和API

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

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

    gxt-1.2.3.jar.zip

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

    Gxt,包含resource

    GXT提供了丰富的组件、数据绑定、布局管理以及主题定制等功能,让开发者能够利用Java语言开发出具有桌面应用级别的用户体验的Web应用。 "包含resource"这部分意味着压缩包中可能包含了GXT库的资源文件,这些文件...

    gxt-api-2.2.5 doc

    2. **数据绑定**:GXT支持双向数据绑定,使得视图组件可以自动更新模型,反之亦然,简化了开发流程。 3. **响应式设计**:GXT API包含了响应式布局系统,可以根据不同设备的屏幕尺寸自动调整界面布局。 4. **表格...

    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文档是官方提供的详细参考...

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

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

    gwt + gxt jar包

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

    org.liveSense.framework.gxt-1.0.5.zip

    通过解压并探索这些文件,开发者可以深入理解框架的内部结构,学习如何使用和定制GXT组件,以及如何将它们集成到Livesense项目中。 在实际应用中,Livesense GXT框架可能涉及到以下关键知识点: 1. **GXT组件库**...

    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的JAR包

    在实际开发中,开发者通常会将GXT的JAR包引入到项目中,通过Java代码来创建和配置组件,编译后GWT会生成对应的JavaScript代码。同时,源代码的提供对于开发者来说非常宝贵,因为它们可以帮助理解GXT内部的工作机制,...

    gxt、gwt与spring结合使用

    GXT是Ext JS的一个Java版本,提供了大量的桌面级UI组件,如表格、图表、树形视图等,同时还支持数据绑定和分页功能。GXT的优势在于其丰富的界面组件和对响应式设计的支持,使得开发者能够构建出类似桌面应用的用户...

    gxt初学进阶教程

    ExtGWT与GWT协同工作主要是通过将GXT的组件库和资源加入到GWT项目中来实现。添加ExtGWT到GWT项目通常涉及以下步骤: 1. 从Sencha官网下载对应的GXT SDK。 2. 在GWT项目中配置和引用GXT相关类库。 3. 将GXT自带的资源...

    gxt的一个增删改查的例子

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

Global site tag (gtag.js) - Google Analytics