ExtJS4给Combobox设置列表中的默认值示例
作者：
这篇文章主要介绍了ExtJS4如何给Combobox设置列表中的默认值,需要的朋友可以参考下
这个是model
Ext.regModel('commemModel', {
fields : [ 'name', 'id' ]
});
定义一个store设置id为s1的容器的默认值是 第一季度
var gjcx1 = new Ext.data.Store({
autoLoad:true,
model : commemModel,
proxy : {
type : 'ajax',
url : '../store/cxjd.json'
},
listeners :{
load:function(){
Ext.getCmp('s1').setValue('q1');
}
}
});
下面给出cxjd.json
[
{name:'第一季度',id:'q1'},
{name:'第二季度',id:'q2'},
{name:'第三季度',id:'q3'},
{name:'第四季度',id:'q4'}
]
复制代码 代码如下:
Ext.regModel('commemModel', {
fields : [ 'name', 'id' ]
});
定义一个store设置id为s1的容器的默认值是 第一季度
复制代码 代码如下:
var gjcx1 = new Ext.data.Store({
autoLoad:true,
model : commemModel,
proxy : {
type : 'ajax',
url : '../store/cxjd.json'
},
listeners :{
load:function(){
Ext.getCmp('s1').setValue('q1');
}
}
});
下面给出cxjd.json
复制代码 代码如下:
[
{name:'第一季度',id:'q1'},
{name:'第二季度',id:'q2'},
{name:'第三季度',id:'q3'},
{name:'第四季度',id:'q4'}
]
您可能感兴趣的文章:
- Extjs grid添加一个图片状态或者按钮的方法
- ExtJS[Desktop]实现图标换行示例代码
- 解决Extjs上传图片无法预览的解决方法
- ExtJs之带图片的下拉列表框插件
- ExtJS 4.2 Grid组件单元格合并的方法
- ExtJS4的文本框(textField)使用正则表达式进行验证(Regex)的方法
- ExtJS4如何自动生成控制grid的列显示、隐藏的checkbox
- ExtJS4 表格的嵌套 rowExpander应用
- extJS中常用的4种Ajax异步提交方式
- extjs4 treepanel动态改变行高度示例
- ExtJS4中的requires使用方法示例介绍
- extjs4图表绘制之折线图实现方法分析