快捷導(dǎo)航

ExtJS4給Combobox設(shè)置列表中的默認(rèn)值示例

更新時(shí)間：2014年05月02日 11:53:11 作者：

這篇文章主要介紹了ExtJS4如何給Combobox設(shè)置列表中的默認(rèn)值,需要的朋友可以參考下

這個(gè)是model

 
Ext.regModel('commemModel', { 
fields : [ 'name', 'id' ] 
}); 

定義一個(gè)store設(shè)置id為s1的容器的默認(rèn)值是第一季度

復(fù)制代碼代碼如下:

 
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

復(fù)制代碼代碼如下:

 
[ 
{name:'第一季度',id:'q1'}, 
{name:'第二季度',id:'q2'}, 
{name:'第三季度',id:'q3'}, 
{name:'第四季度',id:'q4'} 
] 

您可能感興趣的文章:

相關(guān)文章

extJS中常用的4種Ajax異步提交方式
這篇文章主要介紹了extJS中常用的4種Ajax異步提交方式,需要的朋友可以參考下
2014-03-03
Extjs學(xué)習(xí)筆記之一初識Extjs之MessageBox
去官網(wǎng)下載好extjs的壓縮包，解壓縮之后得到如下目錄結(jié)構(gòu)。
2010-01-01
Extjs學(xué)習(xí)筆記之九數(shù)據(jù)模型(上）
本文開始進(jìn)入Extjs最核心最優(yōu)秀的部分。
2010-01-01
extjs4 treepanel動(dòng)態(tài)改變行高度示例
本文為大家介紹下extjs4 treepanel如何動(dòng)態(tài)改變行高度，下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以參考下
2013-12-12
ExtJs默認(rèn)的字體大小改變的幾種方法(自己整理)
本文列出網(wǎng)上收集的幾種方法，希望對大家有用，并且做了下瀏覽器兼容，感興趣的朋友可以參考下哈
2013-04-04
DWR Ext 加載數(shù)據(jù)
在Ext中直接使用DWR
2009-03-03
JavaScript的ExtJS框架中數(shù)面板TreePanel的使用實(shí)例解析
TreePanel為ExtJS提供了一個(gè)方便的樹結(jié)構(gòu)數(shù)據(jù)展示,尤其是在處理JSON格式數(shù)據(jù)時(shí)十分常用,接下來我們就來看兩則JavaScript的ExtJS框架中數(shù)面板TreePanel的使用實(shí)例解析
2016-05-05
Exjs 入門篇
Extjs是從yui-ext發(fā)展來的一套ajax控件，是一套完整的富客戶端解決方案，也因?yàn)楣δ芡暾?，ext-all.js有400多k（最新的extjs3.2.0 有600多k），以為是基于js和css的功能實(shí)現(xiàn)，對客戶端機(jī)器性能也有一定的要求，比如對ie6以下版本的不支持。
2010-04-04
ExtJS4 組件化編程，動(dòng)態(tài)加載，面向?qū)ο?，Direct
ExtJS4終于出了正式版，體驗(yàn)一下面官方推薦的向?qū)ο缶幊套罴褜?shí)踐過去的做法是new對象或者Ext.create一個(gè)對象，每個(gè)對象都要先實(shí)例化才能使用
2011-05-05
Ext4.2的Ext.grid.plugin.RowExpander無法觸發(fā)事件解決辦法
這篇文章主要介紹了Ext4.2的Ext.grid.plugin.RowExpander無法觸發(fā)事件解決辦法,本文中的事件指collapsebody和expandbody事件,需要的朋友可以參考下
2014-08-08