下面是: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是一个强大的JavaScript库,它提供了丰富的用户界面组件,包括ComboBox,用于创建下拉选择框。在这个例程中,我们将看到...
首先,ComboBox在Ext JS中是一个可选列表的输入控件,它可以展示一个下拉菜单供用户选择。在本地模式下,ComboBox的数据通常存储在本地,如JavaScript数组中,而不是从远程服务器获取。这样可以提高应用的响应速度,...
10. **教程和示例**:描述中提到了博客链接,这可能是介绍ComboboxGrid使用方法的一个资源。访问这个链接可以获取更多关于如何使用和实现ComboboxGrid的实例和指导。 综上所述,"Ext ComboboxGrid"是一个实用的组件...
本篇将重点讲解ExtJS中的一个扩展组件——多选下拉框,即“combobox”。 在ExtJS中,ComboBox是一个基本的输入组件,它结合了文本输入框和下拉列表的功能。默认情况下,ComboBox只允许用户选择一个选项。但是,通过...
在IT行业中,Ext JS是一个广泛使用的JavaScript库,用于构建富客户端Web应用程序。它提供了一套完整的组件模型,其中包括各种UI控件,如按钮、表格、面板等。在本例中,我们将关注“Ext combobox”——一个下拉列表...
本篇文章将深入探讨Ext多选下拉框的使用方法、功能特性以及如何自定义和优化。 首先,Ext多选下拉框是基于Ext.form.field.ComboBox构建的,通过扩展其默认行为来支持多选。它通常包含一个可输入的文本字段和一个...
代码如下: var p_years = new Ext.form.ComboBox( { fieldLabel : ‘统计年份’, anchor : anchor_w, mode : ‘remote’, maxHeight:100, triggerAction : ‘all’, selectOnFocus : true, forceSelection : true, ...
在IT行业中,Ext JS是一个广泛使用的JavaScript库,用于构建富客户端Web应用程序。它提供了一套完整的组件模型,包括各种UI控件,如表格、面板、菜单等,其中Combobox(组合框)是常用于创建下拉列表的选择框。在本...
在EXTJS 3.x版本中,Combobox是一个非常实用的组件,它提供了下拉列表功能,用户可以在输入框中输入文字,系统会根据输入内容自动进行模糊匹配,给出相关的建议选项。这种功能在数据筛选、搜索或者选择项较多时特别...
在传统的创建`Ext.Store`的方法中,我们通常会这样定义一个Store: ```javascript var store = new Ext.data.JsonStore({ // store configurations }); store.load(); ``` 然后通过`store`变量来访问和操作Store...
总结,通过异步加载技术,我们可以实时地在Ext TreePanel中添加和删除节点,同时根据业务需求动态调整ComboBox的选项。这些功能在构建高度动态的Web应用程序时尤为关键,使用户体验更加流畅且灵活。
以上代码展示了如何配置`EditGrid`中的`ComboBox`,并使用`renderer`函数实现值的回显。通过遵循这些步骤,你可以确保在用户选择`ComboBox`中的值时,该值能够准确无误地回显到相应的`EditGrid`单元格中,从而提升...
本文将详细介绍如何在Ext中实现`ComboBox`的过滤功能。 ### 一、理解`ComboBox`过滤的基本原理 在Ext中,`ComboBox`通过其内部的`Store`来存储和管理数据。当用户在`ComboBox`中输入文本时,可以通过设置特定的...
在ExtJS中,可以使用`addListener`或`on`方法来添加事件监听器。 7. **UI反馈**:在用户进行全选或全取消操作后,界面上应有明显的反馈,例如改变全选按钮的文本或图标状态,以反映当前的选择状态。 8. **优化性能...
在EXTJS中,可以使用`Ext.Ajax`或`Ext.data.Store`的`load`方法发送异步请求,获取与新选择相关的数据。 4. **Model(数据模型)**:数据模型定义了数据的结构和行为。在联动中,可能需要根据不同的COMBOBOX定义...
EasyUI是一个基于jQuery的UI框架,它提供了一系列轻量级、易于使用的组件,如Datagrid、Combobox等,帮助开发者快速构建用户界面。 首先,我们要理解EasyUI的Datagrid。Datagrid是EasyUI中的一个核心组件,它用于...