0 0

GXT 显示问题5

大家好 小弟初学gxt 有此想法不知道能不能实现,

 

我想在window面板中加入一个下拉菜单和一个按钮,点击此按钮后 在window面板的下部分出现一个新的ContentPanel 里面的内容根据下拉菜单选择的条件的不同产生。

 

我在按钮的监听事件中新建一个新的ContentPanel,加入内容并加入window后,发现他根本不能在原来的window中显示 。代码如下,附图

 

public class ComplexQuery {
	
	final DataServiceAsync serviceProxy=GWT.create(DataService.class);
	  final ListStore<Plant> store = new ListStore<Plant>();
	  final ListStore<HeadList> header = new ListStore<HeadList>();    
	  final ContentPanel cpQuery = new ContentPanel();
	
		public void onRender() {
				Window window=new Window();
		window.setSize(600, 400);
		
		 HorizontalPanel hhPanel=new HorizontalPanel();
		Button sumbitButton=new Button("查询");
		  cpQuery.setHeaderVisible(false);
		 
		  
		 getHeadList();
		 ComboBox<HeadList> comboQuery = new ComboBox<HeadList>();   
		    comboQuery.setEmptyText("选择查询方案");   
		    comboQuery.setDisplayField("name");   
		    comboQuery.setWidth(200);   
		    comboQuery.setStore(header);   
		    comboQuery.setTypeAhead(true);   
		    comboQuery.setTriggerAction(TriggerAction.ALL);	
		   
			 sumbitButton.addSelectionListener(new SelectionListener<ButtonEvent>() {
					
			   	 public void componentSelected(ButtonEvent ce) { 
			   		 creatHorizontalPanel();
			   		 
				
					
				 }
					
			   	
	 } 
		);
			
			
		    
		    hhPanel.add(comboQuery);
		    hhPanel.add(sumbitButton);
		   
		    cpQuery.add(hhPanel);
		   
		  window.add(cpQuery);
		  window.show();
	
	}
	public void getHeadList(){
		serviceProxy.getHeadList(new AsyncCallback<List<HeadList>>(){
			   
	    	public void onSuccess(List<HeadList> result){
	    		//MessageBox.alert("OM", "OK", null);
	    		header.add((List<HeadList>) result);		
	    	}
			@Override
			public void onFailure(Throwable caught) {
				MessageBox.alert("OM", "ON", null);
			}
	   });
	}
	public void creatHorizontalPanel(){
		HorizontalPanel h1=new HorizontalPanel();
		Button button=new Button();
		h1.add(button);
		cpQuery.add(h1);
		
		
	}
	
}

 


问题补充:<div class="quote_title">wangying95599 写道</div><div class="quote_div">我在按钮的监听事件中新建一个新的ContentPanel? <br />建议楼主先建好面板,hide(),点击按钮显示</div> <br />我内容是根据listview中选择项的多少而自动生成的,不能像你说的那样吧。
GWT 
2010年5月10日 20:22
  • 大小: 245.7 KB

2个答案 按时间排序 按投票排序

0 0

采纳的答案

那你试试cpQuery.setLayoutOnChange(true);

2010年5月14日 10:19
0 0

我在按钮的监听事件中新建一个新的ContentPanel?
建议楼主先建好面板,hide(),点击按钮显示

2010年5月13日 10:39

相关推荐

    GXT Cascade ComboBox Samples

    例如,在一个国家的列表中,选择了某个国家后,下一级的下拉框会显示该国的省份或城市。这种功能在数据筛选和地理信息输入时非常常见。 `CascadeComboBoxExample.java`是实现级联下拉框功能的主程序文件。在这个...

    一步一步教你新建GXT项目

    6. **主入口类**:在`com.yourcompany.yourproject.client`目录下,找到`YourProject`类,修改`onModuleLoad()`方法,引入并显示你的视图: ```java public void onModuleLoad() { MyView myView = new MyView();...

    gwt + gxt jar包

    2. **响应式设计**:GXT支持响应式布局,可以根据设备屏幕大小自动调整界面显示。 3. **数据绑定**:GXT提供了数据模型和视图之间的绑定机制,简化了数据管理。 4. **主题定制**:可以自定义皮肤和主题,满足不同...

    gxt-api-2.2.5 doc

    9. **help-doc.html**:帮助文档,提供了使用GXT API的指导和常见问题解答。 二、GXT API关键组件与功能 1. **组件库**:GXT提供了大量的UI组件,如表格(Grid)、树形视图(Tree)、菜单(Menu)、对话框(Dialog...

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

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

    搭建简单的EXT-GWT(GXT)的开发环境(四)ext-gwt(gxt)结合google map第三版开发

    EXT-GWT(GXT)是Sencha公司推出的一款基于Google Web Toolkit(GWT)的开源JavaScript库,用于构建富客户端的Web应用。本教程将详细介绍如何搭建EXT-GWT(GXT)的开发环境,并结合Google Maps API第三版进行集成...

    GXT组件使用教程3——Column Group

    完成这些步骤后,你的GXT表格就会根据指定的列进行分组显示。用户可以通过点击列标题来展开或折叠分组,以查看或隐藏相应的行数据。 源码的使用和理解是掌握GXT的关键,这包括阅读和调试GXT提供的API以及自定义扩展...

    GXT组件使用教程2——Auto Height Grid

    在本文中,我们将深入探讨GXT组件的使用,特别是关于"Auto Height Grid"的功能。GXT,全称为Ext GWT(Google Web Toolkit),是一个强大的Java库,用于构建复杂的、高性能的Web应用程序。它提供了丰富的用户界面组件...

    GXT以及Web框架历史

    例如,`&lt;t:dataTable&gt;`组件用于显示数据列表,通过`rowOnClick`属性可以定义行点击时的事件处理函数,`&lt;h:column&gt;`则用于定义列的布局和内容。这种基于组件的开发方式,使得开发者可以轻松地构建复杂的用户界面,...

    gxt部分css整理

    8. **实例解析**:为了使理论知识更易理解,博主可能通过具体的代码示例,展示了如何解决实际项目中遇到的CSS问题。 通过学习这些知识点,开发者能够更有效地管理和优化GXT应用中的CSS,从而打造出既美观又高效的...

    gxt 相关资料

    1. 表格组件(Grid):用于显示和编辑数据,支持分页、排序、过滤等功能。 2. 树形组件(TreeGrid):结合表格和树形结构,适合展示层次化的数据。 3. 菜单组件(Menu):创建下拉菜单和右键菜单。 4. 表单组件...

    gxt的一个增删改查的例子

    3. 如何在GXT组件中使用数据模型和数据源,如在Grid中显示数据,在FormPanel中编辑数据。 4. 如何处理用户交互事件,如点击按钮执行添加、删除或更新操作。 5. 如何实现数据的验证和错误处理。 通过深入分析和理解...

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

    为了运行项目并检查是否能正常显示,找到客户端包中的主Java类,右键点击并选择Run As -&gt; Web Application。在控制台中找到启动URL,通过浏览器访问它。如果这是你第一次运行GWT程序,可能需要安装GWT Developer ...

    基于GXT的RPC与MVC实现登录和退出功能

    在IT行业中,GXT(Ext GWT)是一个强大的JavaScript库,用于构建富互联网应用程序(RIA)。GXT提供了丰富的UI组件和强大的数据绑定机制,而RPC(Remote Procedure Call)和MVC(Model-View-Controller)模式是GXT中...

    GXT MVC design

    【标题】:“GXT MVC设计” 在Web应用开发中,Model-View-Controller(MVC)模式是一种常用的设计模式,它将应用程序分为三个...在实际项目中,结合源码分析和示例研究,将有助于进一步提升开发技能和解决问题的能力。

    GXTMVC开发框架

    3. **Controller(控制器)**:控制器作为模型和视图之间的桥梁,处理用户的输入,更新模型或者改变视图的显示。在GXT MVC中,控制器通常包含事件监听器,当用户触发特定操作时,控制器会调用相应的方法来响应。 ...

    GXT自己封装的Calendar日历类

    4. **界面测试**:确保在不同的浏览器和设备上,日历的显示和交互功能正常。 5. **异常处理**:测试`Calendar`类在遇到错误或异常情况时的处理能力,确保程序的健壮性。 通过这两个文件,我们可以学习到如何在GWT...

    org.liveSense.framework.gxt-1.0.5.zip

    org.liveSense.fragment.customloginpage.zip,此片段包包含ldap.auth的自定义登录页扩展。...此片段包包含ldap.auth的自定义登录页扩展。此页将重定向到/login.html,并显示错误和重定向路径的url。

    用JAVASCRIPT修正12个常见的浏览器问题

    标题中的“用JAVASCRIPT修正12个常见的浏览器问题”指的是通过JavaScript来解决不同浏览器对CSS解析不一致导致的显示问题。描述中提到,尽管现代浏览器对CSS的支持已经很好,但仍然存在某些元素在不同浏览器中显示不...

    Windows XP SP3也支持多用户远程桌面连接

    在本地可使用快捷键,远程桌面上同样也可以通过快捷键方便操作,例如:+ 键可切换当前运行程序,+键可显示“开始”菜单,而++ 键可在窗口和全屏之间切换客户端,+键则可显示Windows菜单。 另外,可在“远程桌面...

Global site tag (gtag.js) - Google Analytics