以下我是我找到的例子,那个baseURL值好像传不过去,求大家帮帮忙
封装的DynamicCombox组件 效果: 代码:
复制代码//封装的DynamicCombox组件
DynamicCombox = Ext.extend(Ext.form.ComboBox, {
fieldLabel : '动态ComboBox',// 标题名称
baseUrl : null,
emptyText : null,
valueField : null,
displayField : null, initComponent : function() { Ext.apply(this, {
fieldLabel : this.fieldLabel,
anchor : '100%',
emptyText : this.emptyText || '请选择',
forceSelection : true,
// 值为true时将限定选中的值为列表中的值,
// 值为false则允许用户将任意文本设置到字段(默认为false)。
selectOnFocus : true,
// 值为 ture时表示字段获取焦点时自动选择字段既有文本(默认为false)。
mode : 'remote',
store : new Ext.data.JsonStore({
url : this.baseUrl,
root : "root",
remoteSort : true,
fields : [this.valueField,
this.displayField]
}),
editable : false,// 是否编辑
triggerAction : 'all',
valueField : this.valueField,
displayField : this.displayField,
hiddenName : this.valueField
});
DynamicCombox.superclass.initComponent.call(this);
}
});复制代码 应用:
复制代码var cboDyna=new DynamicCombox({
renderTo : 'dynamicCombox',
width:200,
baseUrl:'dynadata.json',
valueField:'value',
displayField:'display'
});复制代码 Json:
复制代码{
root : [{
value : 'v1',
display : '张三'
}, {
value : 'v2',
display : '李四'
}, {
value : 'v3',
display : '王五'
}]
}复制代码 Html:<div id="dynamicCombox"></div><br/>
封装的DynamicCombox组件 效果: 代码:
复制代码//封装的DynamicCombox组件
DynamicCombox = Ext.extend(Ext.form.ComboBox, {
fieldLabel : '动态ComboBox',// 标题名称
baseUrl : null,
emptyText : null,
valueField : null,
displayField : null, initComponent : function() { Ext.apply(this, {
fieldLabel : this.fieldLabel,
anchor : '100%',
emptyText : this.emptyText || '请选择',
forceSelection : true,
// 值为true时将限定选中的值为列表中的值,
// 值为false则允许用户将任意文本设置到字段(默认为false)。
selectOnFocus : true,
// 值为 ture时表示字段获取焦点时自动选择字段既有文本(默认为false)。
mode : 'remote',
store : new Ext.data.JsonStore({
url : this.baseUrl,
root : "root",
remoteSort : true,
fields : [this.valueField,
this.displayField]
}),
editable : false,// 是否编辑
triggerAction : 'all',
valueField : this.valueField,
displayField : this.displayField,
hiddenName : this.valueField
});
DynamicCombox.superclass.initComponent.call(this);
}
});复制代码 应用:
复制代码var cboDyna=new DynamicCombox({
renderTo : 'dynamicCombox',
width:200,
baseUrl:'dynadata.json',
valueField:'value',
displayField:'display'
});复制代码 Json:
复制代码{
root : [{
value : 'v1',
display : '张三'
}, {
value : 'v2',
display : '李四'
}, {
value : 'v3',
display : '王五'
}]
}复制代码 Html:<div id="dynamicCombox"></div><br/>
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货