ext 部分:
// 从后台加载籍贯信息,动态加载 显示到ComboBox中
第1个方法
//将数据加载到本地
第2个方法 (推荐 方便)
var nativeStore =new Ext.data.JsonStore({
url:'exam/ExamCourseAction',
root: 'courseName',
fields:[{name:'course'}]
});
第3个方法
//comboBox
{
xtype : 'combo',
fieldLabel : '科目',
name : 'tType',
hiddenName : 'course',
anchor : '95%',
editable : false,
triggerAction : 'all',
store : nativeStore,
//mode:'local',
//用第一个或第二个方法的时候要加mode:'local'用第二个方法的时候不要加 或者改成mode:'remote'
emptyText : '请选择',
displayField : 'course',
valueField : 'course'
}
action 部分:
<package name="exma" extends="json-default" namespace="/exam">
<action name="ExamCourseAction" class="org.action.ExamCourseAction">
<result type="json">
<param name="root">course</param>
</result>
</action>
</package>
java代码部分 :
package org.action;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
public class ExamCourseAction {
private Map<String, Object> course = new HashMap<String, Object>();
public String execute(){
Map<String, Object> map1 = new HashMap<String, Object>();
map1.put("course", "java");
Map<String, Object> map2 = new HashMap<String, Object>();
map2.put("course", "c");
Map<String, Object> map3 = new HashMap<String, Object>();
map3.put("course", "vb");
List<Object> ls = new ArrayList<Object>();
ls.add(map1);
ls.add(map3);
ls.add(map2);
this.course.put("courseName", ls);
System.out.println("ssssssssss");
return "success";
}
public Map<String, Object> getCourse() {
return course;
}
public void setCourse(Map<String, Object> course) {
this.course = course;
}
}
分享到:
相关推荐
本知识点主要聚焦于如何在Ext4.0框架下动态修改ComboBox的选择项,特别是在本地模式下进行操作。Ext4.0是Sencha Ext JS的一个版本,它提供了一个强大的JavaScript组件库,用于构建富客户端应用程序。 首先,...
当Store被实例化并且`storeId`被指定时,Store会被添加到StoreManager的注册表中,这样可以通过`Ext.getStore('storeId')`来全局访问这个Store。因此,正确的获取此类Store的方法应该是: ```javascript var ...
4. **数据源**:`store`属性定义了数据源,可以是数组、JSON对象或其他适配器加载的数据。 5. **搜索输入**:`ComboBox`的输入框通常有一个`trigger`,用户可以通过点击触发器或直接在输入框中输入来激活搜索功能。...
2. **ComboBox组件**:Ext JS中的ComboBox是一个可下拉的输入框,可以预设选项或者动态加载数据。它具有自动完成、过滤等功能,用户可以根据输入的关键字快速找到匹配项。 3. **Grid组件**:Grid是Ext JS中用于展示...
在这种模式下,comboBox不会一次性加载所有选项,而是根据用户输入的关键词动态地向服务器发送请求,获取匹配的数据。这种方式极大地提高了应用程序的性能和用户体验,因为它避免了在页面加载时一次性加载大量数据。...
城市ComboBox的配置与省份ComboBox类似,但其`store`需要初始化为空,等待省份选择后动态填充。`queryMode`一般设置为`local`,因为城市列表在省份选择后才加载。`displayField`为城市名称,`valueField`为城市ID。...
EXT Combobox动态加载数据库数据的核心在于使用EXT的数据存储(Store)组件与HTTP代理(HttpProxy)相结合,通过异步请求从服务器获取数据。首先,我们需要创建一个EXT Store实例,配置其数据源为服务器端的接口地址...
标题中的“Ext2.0本地模式动态修改combobox选择项”指的是使用Ext JS 2.0框架中的Combobox组件在本地数据模式下实现动态更新选择项的功能。Ext JS是一个流行的JavaScript库,主要用于构建富客户端Web应用程序。...
2. **创建数据存储**:为每个ComboBox创建相应的store,加载数据。省份store应包含所有省份数据,城市store初始为空,但在一级选择变化时会被填充。 ```javascript var provincesStore = Ext.create('Ext.data.Store...
除了基本功能,还可以进一步扩展IconCombobox,比如添加搜索功能、自定义事件处理、动态加载数据等。在实际项目中,可以根据需求进行调整和优化,以满足更复杂的需求。 总结来说,Ext IconCombobox是Ext JS中的一个...
3. 动态加载:根据第一个Combobox的选中值,向服务器发送请求获取相关联的第二级数据,然后填充到第二个Combobox的Store中。 三、具体步骤 1. 创建Store:定义两个Store,分别用于存储一级和二级的数据,可以使用...
- `store`:用于存储下拉选项的数据源,可以是数组或Ext.data.Store对象。 2. **多选事件处理**: - `select`事件:在多选模式下,当用户添加或移除选项时,这个事件会被触发。我们需要监听此事件来处理值的改变...
总结,通过异步加载技术,我们可以实时地在Ext TreePanel中添加和删除节点,同时根据业务需求动态调整ComboBox的选项。这些功能在构建高度动态的Web应用程序时尤为关键,使用户体验更加流畅且灵活。
本篇文章将详细讲解Ext中下拉列表ComboBox组件的store数据格式及其用法。 首先,ComboBox的store数据格式有两种常见的方式: 1. **数组格式**: ```javascript store : [['11', '2011'], ['12', '2012'], ['13',...
- 动态更新:在收到城市数据后,需要更新城市Combobox的store,清除现有数据并添加新数据。 - 错误处理:处理可能出现的网络错误或数据格式错误,确保用户体验的顺畅。 - 性能优化:为了提高性能,可能需要对数据...
- `loadStore`:加载数据源到ComboBox的Store。 - `doQuery`:手动触发查询,用于实现动态匹配。 - `reset`:清除输入框内容和选择的值。 4. **自定义渲染**: - 可以通过`tpl`配置项或`getInnerTpl`方法来自...
当ComboBox的Store加载数据时,这是一个异步过程,这意味着在数据加载期间,程序的执行不会等待数据加载完成。 在给定的代码示例中,我们看到以下两段代码: 1. `editCityStore.load({ params: { provinceID: ...
在Ext JS这个强大的JavaScript框架中,多选下拉框(Multi Select ComboBox)是一种常见的组件,用于提供用户在多个选项中进行选择的功能。这种组件在数据输入、筛选或配置设置等场景中非常实用。本篇文章将深入探讨...