ExtJS4给Combobox设置列表中的默认值示例
更新时间:2014年05月02日 11:53:11 作者:
这篇文章主要介绍了ExtJS4如何给Combobox设置列表中的默认值,需要的朋友可以参考下
(福利推荐:【腾讯云】服务器最新限时优惠活动,云服务器1核2G仅99元/年、2核4G仅768元/3年,立即抢购>>>:9i0i.cn/qcloud)
(福利推荐:你还在原价购买阿里云服务器?现在阿里云0.8折限时抢购活动来啦!4核8G企业云服务器仅2998元/3年,立即抢购>>>:9i0i.cn/aliyun)
这个是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图表绘制之折线图实现方法分析
相关文章
Extjs中RowExpander控件的默认展开问题示例探讨
本文为大家探讨下关于Extjs中RowExpander控件的默认展开问题,下面有个不错的示例,感兴趣的朋友可以参考下2014-01-01ExtJs 3.1 XmlTreeLoader Example Error
ExtJs 3.1的XmlTreeLoader例子折腾了我近一个下午加晚上,官方的例子没有问题,可以加载xml的数据,本地IIS死活不行2010-02-02Extjs中DisplayField的日期或者数字格式化扩展
在用Extjs的时候,有时需要对 Ext.form.DisplyField 进行格式化。2010-09-09extjs 列表框(multiselect)的动态添加列表项的方法
最近公司一个项目,因为要使用div模拟的窗口,因为久闻extjs的大名,因此就想在项目中使用一下.首先下载了multiselect的extjs3.0 demo.看到的代码这里我就不粘贴了.2009-07-07ExtJS TabPanel beforeremove beforeclose使用说明
ExtJS 关闭TabPanel内的Panel时使用TabPanel的'beforeremove’和其内的Panel的'beforeclose’事件弹出关闭确认提示对话框2010-03-03Ext4.2的Ext.grid.plugin.RowExpander无法触发事件解决办法
这篇文章主要介绍了Ext4.2的Ext.grid.plugin.RowExpander无法触发事件解决办法,本文中的事件指collapsebody和expandbody事件,需要的朋友可以参考下2014-08-08
最新评论