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 border布局使用说明，需要的朋友可以参考下。2009-10-10
extjs关于treePanel+chekBox全部选中以及清空选中问题探讨
treePanel+chekBox全部选中以及清空选中，想必大家在学习使用过程中都见过这种效果吧，接下来为大家详细介绍下实现过程及细节，感兴趣的朋友可以参考下哈2013-04-04
extjs提供了方便的表格组件grid供使用，但是默认情况下表格中的文本是不能被选中的，自然也是无法复制的，下面就为大家介绍下选择复制功能如何启用，感兴趣的朋友可以了解下2013-10-10
这篇文章主要为大家详细介绍了ExtJS 4.2 Grid组件的单元格合并,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-10-10
这篇文章主要介绍了Ext修改GridPanel数据和字体颜色、css属性等,需要的朋友可以参考下2014-06-06
解决ExtJS在chrome或火狐中正常显示在ie中不显示的浏览器兼容问题
由于开发过程中大多用chrome来调试，很少在ie中调试（现在两者都要兼顾），导致最后在ie中页面不能正常加载，当时那个囧啊，看到ie报的错，我都想哭，连出错的堆栈信息都没有（这一点，ie做的真不好），无从下手啊2013-01-01
ExtJS中窗口是由Ext.Window类定义，该类继承自Panel，因此窗口其实是一种特殊的面板Panel。窗口包含了浮动、可拖动、可关闭、最大化、最小化等特性。2011-01-01
今天需要在grid中嵌入combobox，在网上找了好久也没有找到一个正确可行的方法，可能是版本问题（我版本是extjs 3.0），没有继续研究其原因，自己查找资料，终于实现功能。现在分享一下代码。2011-01-01
这篇文章主要介绍了extJS中常用的4种Ajax异步提交方式,需要的朋友可以参考下2014-03-03
一般定义方式注意方法和函数的添加方式不同，具体定义步骤如下，感兴趣的朋友可以参考下哈，感兴趣的朋友可以了解下哈2013-06-06
最新评论