Extjs中的combobox的动态加载问题

[boss0207]

想在Extjs的grid中添加combox，而这个combox是从数据库中动态取数据库里的东西，而不是静态的东西，请问怎么实现，最要有相关的代码和解释，主要就是用了ExtjsAPI里的哪些函数，具体点最好

[跑跑鱼]

每天回帖即可获得10分可用分！小技巧

[greatmind829]

[hncdzyl]

每天回帖即可获得10分可用分！小技巧

[liyue36427076845110]

学习！！！！！！！！！！！！！

[LazyCoder]

谢谢 虽然帮助 不大

[toss3000]

学习中

[q272416700]

学习中

[canguangup]

很有用，学习。。。

[浩瀚11]

学习中

[lin345521167]

学习一下！

[jiangfullll]

[Quote=引用 2 楼 umbrella_yxs 的回复:]

我写了一个，可以定向到service，但是不知道为什么取不出数据，哪个会的也帮我看下！！！
JScript code
var groupStore = new Ext.data.Store({
url: 'getGroupStore.action',
reader:_jsonGroupReader
});
……
[/Quote]

在comboBox中添加属性mode:'remote'就可以了

[jiangfullll]

var schemeStore = new Ext.data.Store({
proxy : new Ext.data.HttpProxy({
url : contextPath
+ '/confAveragefare/ConfAveragefare!getScheme.do'
}),
autoLoad : true,
reader : readerBase,
listeners : {
'load' : function() {
if (this.getCount() >= 2) {
schemeCombo.setValue(this.getAt(1).get('id'));
schemeCombo.fireEvent('select');
}
}
}
});

schemeCombo = new Ext.form.ComboBox({
fieldLabel : '方案选择',
hiddenName : 'schemeId',
triggerAction : 'all',
displayField : 'name',
store : schemeStore,
allowBlank : true,
typeAhead : true,
resizable : true,
valueField : 'id',
mode : 'remote',
anchor : '95%',
editable : false
})

[josephSC]

var dataStore = combo.getStore();
dataStore.proxy.conn.url = 'new url';
combo.bindStore(dataStore);

[rsredwolf]

有没有4.0的代码

[zengjf1988]

for (var i = 0; i < dCfgSumStore; i++) {
var dCfgNameTemp = 'combobox' + i; //给每个ComBoBox不同的名字
// var storeNameTemp = 'dCfgVNNullStore' + i;
dCfgstoreArray[i].baseParams.dCfgName = dCfgVNotStore.getAt(i).get('dCfgName');
dCfgstoreArray[i].load();
dCfgNameTemp = new Ext.form.ComboBox({
name:'projectId',
id:'projectId' + i, //循环创建combobox时，id不能一样
allowBlank:false,
blankText:dCfgVNotStore.getAt(i).get('dCfgName')+'不允许为空',
fieldLabel:dCfgVNotStore.getAt(i).get('dCfgName'),
xtype:'combo',
store : dCfgstoreArray[i],
mode:'remote',
//pageSize:10,
//labelWidth:40,
displayField : 'dCfgValue',
valueField : 'dCfgValue',
forceSelection : true,
triggerAction : 'all',
editable : false
//listeners:{ beforequery :select_CfgValue}
});

[zengjf1988]

for (var i = 0; i < dCfgSumStore; i++) {
var dCfgNameTemp = 'combobox' + i; //给每个ComBoBox不同的名字
// var storeNameTemp = 'dCfgVNNullStore' + i;
dCfgstoreArray[i].baseParams.dCfgName = dCfgVNotStore.getAt(i).get('dCfgName');
dCfgstoreArray[i].load();
dCfgNameTemp = new Ext.form.ComboBox({
name:'projectId',
id:'projectId' + i, //循环创建combobox时，id不能一样
allowBlank:false,
blankText:dCfgVNotStore.getAt(i).get('dCfgName')+'不允许为空',
fieldLabel:dCfgVNotStore.getAt(i).get('dCfgName'),
xtype:'combo',
store : dCfgstoreArray[i],
mode:'remote',
//pageSize:10,
//labelWidth:40,
displayField : 'dCfgValue',
valueField : 'dCfgValue',
forceSelection : true,
triggerAction : 'all',
editable : false
//listeners:{ beforequery :select_CfgValue}
});

[egewg3]

var areamanager_user_store = new Ext.data.Store({
proxy: new Ext.data.HttpProxy({url:'areamanager/searchUser'}),
reader: new Ext.data.JsonReader({
totalProperty: 'totalProperty',
root: 'root'
}, [
{name: 'userid'},
{name: 'username'},
])
});
areamanager_user_store.load();

new Ext.form.ComboBox({
fieldLabel: 'Management Level',
name:'group_id',
forceSelection: true,
listWidth: 150,
store: comboOptions,
valueField:'userid',
displayField:'username',
typeAhead: true,
mode: 'local',
triggerAction: 'all',
selectOnFocus:true,
allowBlank:false
});

[qujianjiutian]

Ext.ux.form.ComboBox = Ext.extend(Ext.form.ComboBox, {
relationName : '',
pkFieldName : '',
bizObjClass : '',
action : '',
fieldLabel : '',
emptyText : '',
allowBlank : false,
mode : 'remote',
triggerAction : 'all',
// 当被选择时，显示全部的数据
displayField : '',
listWidth : 100,
width : 100,
valueField : '',
name : '',
forceSelection : false,
resizable : true,
typeAhead : true,
loadWhenRender : false,// 控件实例化后就开始搜索(如果selectFirstRow为true 则此设置无效)
selectFirstRow : false,// 默认选中第一条数据
totalRecords : 'total',
dataField:[],
// 'total'//查询结果记录数字段名
createStore : function() {
if (this.mode == 'remote') {
//debugger;

this.bizobj = eval('new ' + this.bizObjClass);
this.dataField.push(this.valueField);
this.dataField.push(this.displayField);
//this.saveInformation(this.bizobj);
this.store = new Ext.data.Store({
proxy : new CPC.ext.HttpProxy({
url : this.bizobj.getUrl()
}),
reader : new CPC.ext.BizObjReader({
record : this.relationName,
id : this.pkFieldName,
totalRecords : this.totalRecords
},this.dataField)
});

this.store.on('loadexception', this.onLoadError);
} else if (this.mode == 'local') {
this.displayField = 'text';
this.valueField = 'value', this.store = new Ext.ux.SimpleStore(
{
data : this.data
});

}
},
setCondition : function(obj) {
for (var i in obj) {
this.bizobj[i] = obj[i];
}
},
load : function(condition) {
//debugger;
if (this.mode == 'remote') {
this.store.removeAll();
this.bizobj = eval('new ' + this.bizObjClass);
if (condition) {
this.setCondition(condition);
}
this.saveInformation(this.bizobj);
this.store.load({
params : {
bizobj : this.bizobj,
action : this.action
}
});
if (this.selectFirstRow) {
this.store.on('load', function() {
Ext.each(this.store.data.items, function(
data) {
this.setValue(data
.get(this.valueField));
return false;

}, this);
}, this);
}
}
},
reload : function() {
if (this.mode == 'remote') {
this.store.load({
params : {
bizobj : this.bizobj,
action : this.action
}
});
}
},
reset : function() {
if (this.defaultValue) {
this.setValue(this.defaultValue);
} else {
Ext.ux.form.ComboBox.superclass.reset.call(this);
}
},
saveInformation : function(bizObj) {

},
initList : function() {
if (this.loadWhenRender == false)// 延时加载数据
this.load();
Ext.ux.form.ComboBox.superclass.initList.call(this, arguments);
},
getStore : function() {
return this.store;
},
isXType : function(xtype, shallow) {
if (typeof xtype == 'function') {
xtype = xtype.xtype;
} else if (typeof xtype == 'object') {
xtype = xtype.constructor.xtype;
}
return this.constructor.xtype == xtype;
},
destroy : function() {
this.bizobj = null;
this.store = null;
// 子类一定要调用父类的销毁方法
},
onDestroy : function name() {
this.destroy();
Ext.ux.form.ComboBox.superclass.onDestroy.call(this);
},
initComponent : function() {
this.init();
Ext.ux.form.ComboBox.superclass.initComponent.call(this);
},
setValue:function(value){
//如果远程数据还没有加载,在设值之前先加载一次
if ( this.store.getCount() == 0 ) {
this.store.on("load", function() {
Ext.ux.form.ComboBox.superclass.setValue.call(this, value);
}, this, {
single : false // 此处true、false有什么区别?
});
this.doQuery(this.allQuery, true);
} else {
Ext.ux.form.ComboBox.superclass.setValue.call(this, value);
}

},
init : function() {
//debugger;
if (this.selectFirstRow)
this.loadWhenRender = true;
this.createStore();
if (this.loadWhenRender) {// 默认选中首条数据
this.load();
}
// 子类一定要调用父类的初始化方法
}

});

Ext.reg('ecombobox', Ext.ux.form.ComboBox);

[hc459242451]

learning

[lshq]

怎样动态改变proxy中的url值？4.0