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 JS框架中使用Combobox组件创建级联下拉框的功能。Ext JS是一个强大的JavaScript UI库,提供了丰富的组件模型和数据绑定机制,用于构建复杂的Web应用程序。 首先,我们...
在ExtJS 3.4.0版本中,多选下拉框(Multiselect Combobox)是一种常见的用户界面组件,用于提供多个选项供用户选择。这个功能增强了标准的单选下拉框,允许用户同时选择多个条目,通常通过复选框实现。在描述中提到...
"GXT Cascade ComboBox Samples"指的是使用GXT库中的级联下拉框(Cascade ComboBox)组件进行的示例代码。 级联下拉框是一种特殊的控件,它允许用户从一系列相关的选项中进行选择,通常这些选项是层次化的。例如,...
Ext.create('Ext.form.field.ComboBox', { fieldLabel: '选择部门', store: Ext.create('Ext.data.TreeStore', { model: 'Department', root: { text: '所有部门', expanded: true, children: [ /* ... *...
ComboBoxTree是ExtJS4中的一个自定义组件,它结合了ComboBox(下拉框)和TreePanel(树形面板)的功能。ComboBox通常用于提供一个下拉列表供用户选择,而TreePanel则用于展示层次结构的数据。ComboBoxTree将这两者...
在“EXT 实现省份--城市--地区--级连”这个主题中,我们将探讨EXT如何用来实现多级联动选择的功能,如省份、城市、地区之间的级联选择。 在Web应用中,用户可能需要选择一个地理位置,通常是从国家到省份,再到城市...
1. **EXT.NET的使用**:EXT.NET提供了多种组件,如GridPanel(数据网格)、FormPanel(表单)、ComboBox(下拉框)等,以及事件处理和数据绑定机制,用于创建丰富的客户端交互。 2. **ASP.NET MVC框架**:理解路由...