ExtJS4给Combobox设置列表中的默认值示例
更新时间：2014年05月02日 11:53:11 作者：
这篇文章主要介绍了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图表绘制之折线图实现方法分析
相关文章
这篇文章主要介绍了extJS中常用的4种Ajax异步提交方式,需要的朋友可以参考下2014-03-03
Extjs学习笔记之一 初识Extjs之MessageBox
去官网下载好extjs的压缩包，解压缩之后得到如下目录结构。2010-01-01
本文开始进入Extjs最核心最优秀的部分。2010-01-01
本文为大家介绍下extjs4 treepanel如何动态改变行高度，下面有个不错的示例，感兴趣的朋友可以参考下2013-12-12
本文列出网上收集的几种方法，希望对大家有用，并且做了下浏览器兼容，感兴趣的朋友可以参考下哈2013-04-04
在Ext中直接使用DWR2009-03-03
JavaScript的ExtJS框架中数面板TreePanel的使用实例解析
TreePanel为ExtJS提供了一个方便的树结构数据展示,尤其是在处理JSON格式数据时十分常用,接下来我们就来看两则JavaScript的ExtJS框架中数面板TreePanel的使用实例解析2016-05-05
Extjs是从yui-ext发展来的一套ajax控件，是一套完整的富客户端解决方案，也因为功能完整，ext-all.js有400多k（最新的extjs3.2.0 有600多k），以为是基于js和css的功能实现，对客户端机器性能也有一定的要求，比如对ie6以下版本的不支持。2010-04-04
ExtJS4终于出了正式版，体验一下面官方推荐的向对象编程最佳实践 过去的做法是new对象或者Ext.create一个对象，每个对象都要先实例化才能使用2011-05-05
Ext4.2的Ext.grid.plugin.RowExpander无法触发事件解决办法
这篇文章主要介绍了Ext4.2的Ext.grid.plugin.RowExpander无法触发事件解决办法,本文中的事件指collapsebody和expandbody事件,需要的朋友可以参考下2014-08-08
最新评论