`
zhaolicric
  • 浏览: 145898 次
  • 性别: Icon_minigender_2
  • 来自: 青岛
社区版块
存档分类
最新评论

ext中ComboBox的简单用法

阅读更多

下面是:ext中ComboBox的简单用法

//comboBox的数据源,仓库信息
    var dsSupplier = new Ext.data.Store({
        proxy: new Ext.data.HttpProxy({
           url:getRootPath()+'servlet/ProduceTaskServlet?change=sStore'
        }),
        reader: new Ext.data.JsonReader({
        	root: 'gridRows',
        	totalProperty: 'totalCount'
        }, [
        	{name: 'STOREID'},
           {name: 'NAME'}
           
        ])
    });
    var combo=new fm.ComboBox({
    	store:dsSupplier,
    	fieldLabel: '仓库',
    	typeAhead: true,
        triggerAction: 'all',
        lazyRender: true,
        listClass: 'x-combo-list-small',
        valueField:'STOREID',
        displayField:'NAME'
    });
    var form=new fm.FormPanel({
    	labelAlign:'right',
    	labelWidth:50,
    	frame:true,
    	defaultType:'comboBox',
    	items:[combo]
    });
    var win =new Ext.Window({
    	//renderTo: 'window-win',
    	layout:'fit',
    	modal : true,
    	width:500,
    	height:300,
    	closeAction:'hide',
    	items:[form],
    	buttons:[{
    		text:'生成出库单',
    		listeners:{
                    click:function(){
                	 alert("ssssss"+Ext.get('STOREID'));
                     }
               }
    		
    	}]
    });

 后台的数据源  是用servlet表现的。。json格式

response.setContentType("text/xml;charset=UTF-8");
response.setHeader("Cache-Control", "no-cache");
String change=request.getParameter("change");
        
JSONObject json=new JSONObject();
JSONArray array = new JSONArray();
ProduceTask pt=new ProduceTask();
Resultobj rt=null;
PrintWriter out = response.getWriter();
if(change.equals("sStore")){
        	String cgid=(String)request.getSession().getAttribute("CGID");
        	try {
				rt=pt.searchStore(cgid);
				if(rt.Rows>0){
					for(int i=1;i<rt.Rows;i++){
						 Map<String, Object> map1 = new HashMap<String, Object>();
		    	         map1.put("STOREID", rt.getCell("STOREID", i));
		    	         map1.put("NAME", rt.getCell("NAME", i));
		    	         array.put(map1);
					 }
					json.put("gridRows", array);
					json.put("totalCount", array.length());
					
			         out.print(json);
			         out.close();
				}
			} catch (GeneralException e) {
				// TODO Auto-generated catch block
				e.printStackTrace();
			}catch (JSONException e) {
				// TODO Auto-generated catch block
				e.printStackTrace();
			}
        }

 这个项目中需要导入json的jar包

分享到:
评论

相关推荐

    用Ext 2.0 combobox 做的省份和城市联动选择框的例程

    在本文中,我们将深入探讨如何使用Ext 2.0的ComboBox组件实现省份和城市联动选择框的功能。Ext是一个强大的JavaScript库,它提供了丰富的用户界面组件,包括ComboBox,用于创建下拉选择框。在这个例程中,我们将看到...

    Ext4.0 动态修改ComboBox选择项(本地模式)

    首先,ComboBox在Ext JS中是一个可选列表的输入控件,它可以展示一个下拉菜单供用户选择。在本地模式下,ComboBox的数据通常存储在本地,如JavaScript数组中,而不是从远程服务器获取。这样可以提高应用的响应速度,...

    Ext ComboboxGrid

    10. **教程和示例**:描述中提到了博客链接,这可能是介绍ComboboxGrid使用方法的一个资源。访问这个链接可以获取更多关于如何使用和实现ComboboxGrid的实例和指导。 综上所述,"Ext ComboboxGrid"是一个实用的组件...

    combobox Ext之扩展组件多选下拉框

    本篇将重点讲解ExtJS中的一个扩展组件——多选下拉框,即“combobox”。 在ExtJS中,ComboBox是一个基本的输入组件,它结合了文本输入框和下拉列表的功能。默认情况下,ComboBox只允许用户选择一个选项。但是,通过...

    Ext combobox 下拉多选框带搜索功能

    在IT行业中,Ext JS是一个广泛使用的JavaScript库,用于构建富客户端Web应用程序。它提供了一套完整的组件模型,其中包括各种UI控件,如按钮、表格、面板等。在本例中,我们将关注“Ext combobox”——一个下拉列表...

    Ext多选下拉框

    本篇文章将深入探讨Ext多选下拉框的使用方法、功能特性以及如何自定义和优化。 首先,Ext多选下拉框是基于Ext.form.field.ComboBox构建的,通过扩展其默认行为来支持多选。它通常包含一个可输入的文本字段和一个...

    Ext中下拉列表ComboBox组件store数据格式用法介绍

    代码如下: var p_years = new Ext.form.ComboBox( { fieldLabel : ‘统计年份’, anchor : anchor_w, mode : ‘remote’, maxHeight:100, triggerAction : ‘all’, selectOnFocus : true, forceSelection : true, ...

    用Ext 2_0 combobox 做的省份和城市联动选择框 DOJO中国

    在IT行业中,Ext JS是一个广泛使用的JavaScript库,用于构建富客户端Web应用程序。它提供了一套完整的组件模型,包括各种UI控件,如表格、面板、菜单等,其中Combobox(组合框)是常用于创建下拉列表的选择框。在本...

    extjs3.x combobox智能联想

    在EXTJS 3.x版本中,Combobox是一个非常实用的组件,它提供了下拉列表功能,用户可以在输入框中输入文字,系统会根据输入内容自动进行模糊匹配,给出相关的建议选项。这种功能在数据筛选、搜索或者选择项较多时特别...

    Ext.Store的获取方法

    在传统的创建`Ext.Store`的方法中,我们通常会这样定义一个Store: ```javascript var store = new Ext.data.JsonStore({ // store configurations }); store.load(); ``` 然后通过`store`变量来访问和操作Store...

    Ext 异步加载添加 删除节点 修改combobox选择项

    总结,通过异步加载技术,我们可以实时地在Ext TreePanel中添加和删除节点,同时根据业务需求动态调整ComboBox的选项。这些功能在构建高度动态的Web应用程序时尤为关键,使用户体验更加流畅且灵活。

    extjs editgrid combobox 回显

    以上代码展示了如何配置`EditGrid`中的`ComboBox`,并使用`renderer`函数实现值的回显。通过遵循这些步骤,你可以确保在用户选择`ComboBox`中的值时,该值能够准确无误地回显到相应的`EditGrid`单元格中,从而提升...

    ext中combo过滤

    本文将详细介绍如何在Ext中实现`ComboBox`的过滤功能。 ### 一、理解`ComboBox`过滤的基本原理 在Ext中,`ComboBox`通过其内部的`Store`来存储和管理数据。当用户在`ComboBox`中输入文本时,可以通过设置特定的...

    ext多选下拉列表的全选功能实现

    在ExtJS中,可以使用`addListener`或`on`方法来添加事件监听器。 7. **UI反馈**:在用户进行全选或全取消操作后,界面上应有明显的反馈,例如改变全选按钮的文本或图标状态,以反映当前的选择状态。 8. **优化性能...

    EXT中COMBOX联动

    在EXTJS中,可以使用`Ext.Ajax`或`Ext.data.Store`的`load`方法发送异步请求,获取与新选择相关的数据。 4. **Model(数据模型)**:数据模型定义了数据的结构和行为。在联动中,可能需要根据不同的COMBOBOX定义...

    easyui的datagrid中editor和combobox的级联

    EasyUI是一个基于jQuery的UI框架,它提供了一系列轻量级、易于使用的组件,如Datagrid、Combobox等,帮助开发者快速构建用户界面。 首先,我们要理解EasyUI的Datagrid。Datagrid是EasyUI中的一个核心组件,它用于...

Global site tag (gtag.js) - Google Analytics