`

ext_comboBox二级级联下拉框

阅读更多

Ext.onReady(function(){   
    var store = new Ext.data.Store({   
    proxy: new Ext.data.HttpProxy({url: 'ConjunctSelectProcess.jsp'}),   
    reader: new Ext.data.JsonReader({   
            totalProperty: 'recordCount',   
    root:'rows'   
        }, [{name: 'id'}, {name: 'name'}])   
    });   
    var store2 = new Ext.data.Store({   
    proxy: new Ext.data.HttpProxy({url: 'ConjunctSelectProcess.jsp?id='}),   
    reader: new Ext.data.JsonReader({   
            totalProperty: 'recordCount',   
    root:'rows'   
        }, [{name: 'id'}, {name: 'name'}])   
    });   
 
    var combo = new Ext.form.ComboBox({   
        store: store,   
        displayField:'name',   
        valueField: 'id' ,   
        typeAhead: true,   
        mode: 'local',   
        triggerAction: 'all',   
        emptyText:'请选择...',   
        selectOnFocus:true   
    });   
    combo.applyTo('sel1');   
 
    var combo2 = new Ext.form.ComboBox({   
        store: store2,   
        displayField:'name',   
        valueField: 'id' ,   
        typeAhead: true,   
        mode: 'local',   
        triggerAction: 'all',   
        emptyText:'请选择...',   
        selectOnFocus:true   
    });   
    combo2.applyTo('sel2');   
    
    combo.store.load();   
 
    combo.on('select', function() {   
        combo2.reset();   
        store2.proxy= new Ext.data.HttpProxy({url: 'ConjunctSelectProcess.jsp?id=' + combo.getValue()});   
        store2.load();   
    });   
     
});  

 

分享到:
评论

相关推荐

    Ext combo 下拉框级联

    标题中的"Ext combo 下拉框级联"指的是在Ext JS框架中使用Combobox组件创建级联下拉框的功能。Ext JS是一个强大的JavaScript UI库,提供了丰富的组件模型和数据绑定机制,用于构建复杂的Web应用程序。 首先,我们...

    Extjs3.4.0版本 多选下拉框效果支持多选/全选/全不选

    在ExtJS 3.4.0版本中,多选下拉框(Multiselect Combobox)是一种常见的用户界面组件,用于提供多个选项供用户选择。这个功能增强了标准的单选下拉框,允许用户同时选择多个条目,通常通过复选框实现。在描述中提到...

    GXT Cascade ComboBox Samples

    "GXT Cascade ComboBox Samples"指的是使用GXT库中的级联下拉框(Cascade ComboBox)组件进行的示例代码。 级联下拉框是一种特殊的控件,它允许用户从一系列相关的选项中进行选择,通常这些选项是层次化的。例如,...

    Extjs4.X下comboboxTree下拉树型菜单,完美支持多选、单选,绝对好用

    Ext.create('Ext.form.field.ComboBox', { fieldLabel: '选择部门', store: Ext.create('Ext.data.TreeStore', { model: 'Department', root: { text: '所有部门', expanded: true, children: [ /* ... *...

    Extjs4下拉树菜单ComboBoxTree支持单选和多选并且支持展开选中指定节点的通用控件

    ComboBoxTree是ExtJS4中的一个自定义组件,它结合了ComboBox(下拉框)和TreePanel(树形面板)的功能。ComboBox通常用于提供一个下拉列表供用户选择,而TreePanel则用于展示层次结构的数据。ComboBoxTree将这两者...

    EXT 实现省份--城市--地区--级连

    在“EXT 实现省份--城市--地区--级连”这个主题中,我们将探讨EXT如何用来实现多级联动选择的功能,如省份、城市、地区之间的级联选择。 在Web应用中,用户可能需要选择一个地理位置,通常是从国家到省份,再到城市...

    ext asp.net mvc nhibernate 完整项目示例

    1. **EXT.NET的使用**:EXT.NET提供了多种组件,如GridPanel(数据网格)、FormPanel(表单)、ComboBox(下拉框)等,以及事件处理和数据绑定机制,用于创建丰富的客户端交互。 2. **ASP.NET MVC框架**:理解路由...

Global site tag (gtag.js) - Google Analytics