`
hai2653068
  • 浏览: 6315 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

ext combobox Store 动态加载

阅读更多
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框架下动态修改ComboBox的选择项,特别是在本地模式下进行操作。Ext4.0是Sencha Ext JS的一个版本,它提供了一个强大的JavaScript组件库,用于构建富客户端应用程序。 首先,...

    Ext.Store的获取方法

    当Store被实例化并且`storeId`被指定时,Store会被添加到StoreManager的注册表中,这样可以通过`Ext.getStore('storeId')`来全局访问这个Store。因此,正确的获取此类Store的方法应该是: ```javascript var ...

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

    4. **数据源**:`store`属性定义了数据源,可以是数组、JSON对象或其他适配器加载的数据。 5. **搜索输入**:`ComboBox`的输入框通常有一个`trigger`,用户可以通过点击触发器或直接在输入框中输入来激活搜索功能。...

    Ext ComboboxGrid

    2. **ComboBox组件**:Ext JS中的ComboBox是一个可下拉的输入框,可以预设选项或者动态加载数据。它具有自动完成、过滤等功能,用户可以根据输入的关键字快速找到匹配项。 3. **Grid组件**:Grid是Ext JS中用于展示...

    Ext comboBox的remote模式,联想功能实现

    在这种模式下,comboBox不会一次性加载所有选项,而是根据用户输入的关键词动态地向服务器发送请求,获取匹配的数据。这种方式极大地提高了应用程序的性能和用户体验,因为它避免了在页面加载时一次性加载大量数据。...

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

    城市ComboBox的配置与省份ComboBox类似,但其`store`需要初始化为空,等待省份选择后动态填充。`queryMode`一般设置为`local`,因为城市列表在省份选择后才加载。`displayField`为城市名称,`valueField`为城市ID。...

    ext combobox动态加载数据库数据(附前后台)

    EXT Combobox动态加载数据库数据的核心在于使用EXT的数据存储(Store)组件与HTTP代理(HttpProxy)相结合,通过异步请求从服务器获取数据。首先,我们需要创建一个EXT Store实例,配置其数据源为服务器端的接口地址...

    Ext2.0本地模式动态修改combobox选择项

    标题中的“Ext2.0本地模式动态修改combobox选择项”指的是使用Ext JS 2.0框架中的Combobox组件在本地数据模式下实现动态更新选择项的功能。Ext JS是一个流行的JavaScript库,主要用于构建富客户端Web应用程序。...

    extjs的ComboBox 2级联动

    2. **创建数据存储**:为每个ComboBox创建相应的store,加载数据。省份store应包含所有省份数据,城市store初始为空,但在一级选择变化时会被填充。 ```javascript var provincesStore = Ext.create('Ext.data.Store...

    Ext带图标Combobox

    除了基本功能,还可以进一步扩展IconCombobox,比如添加搜索功能、自定义事件处理、动态加载数据等。在实际项目中,可以根据需求进行调整和优化,以满足更复杂的需求。 总结来说,Ext IconCombobox是Ext JS中的一个...

    ExtJS Combobox二级联动列子

    3. 动态加载:根据第一个Combobox的选中值,向服务器发送请求获取相关联的第二级数据,然后填充到第二个Combobox的Store中。 三、具体步骤 1. 创建Store:定义两个Store,分别用于存储一级和二级的数据,可以使用...

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

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

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

    本篇文章将详细讲解Ext中下拉列表ComboBox组件的store数据格式及其用法。 首先,ComboBox的store数据格式有两种常见的方式: 1. **数组格式**: ```javascript store : [['11', '2011'], ['12', '2012'], ['13',...

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

    - 动态更新:在收到城市数据后,需要更新城市Combobox的store,清除现有数据并添加新数据。 - 错误处理:处理可能出现的网络错误或数据格式错误,确保用户体验的顺畅。 - 性能优化:为了提高性能,可能需要对数据...

    ext 动态,匹配,下拉单

    - `loadStore`:加载数据源到ComboBox的Store。 - `doQuery`:手动触发查询,用于实现动态匹配。 - `reset`:清除输入框内容和选择的值。 4. **自定义渲染**: - 可以通过`tpl`配置项或`getInnerTpl`方法来自...

    Extjs中ComboBox加载并赋初值的实现方法

    当ComboBox的Store加载数据时,这是一个异步过程,这意味着在数据加载期间,程序的执行不会等待数据加载完成。 在给定的代码示例中,我们看到以下两段代码: 1. `editCityStore.load({ params: { provinceID: ...

    Ext多选下拉框

    在Ext JS这个强大的JavaScript框架中,多选下拉框(Multi Select ComboBox)是一种常见的组件,用于提供用户在多个选项中进行选择的功能。这种组件在数据输入、筛选或配置设置等场景中非常实用。本篇文章将深入探讨...

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

    - `store`:用于存储下拉选项的数据源,可以是数组或Ext.data.Store对象。 2. **多选事件处理**: - `select`事件:在多选模式下,当用户添加或移除选项时,这个事件会被触发。我们需要监听此事件来处理值的改变...

Global site tag (gtag.js) - Google Analytics