Extjs 幾個(gè)方法的討論
更新時(shí)間：2010年01月28日 22:58:33 作者：
下面我講一下在使用Extjs遇到的一個(gè)問題，希望各位朋友看到這篇隨筆以后，能給我指教，這里我先謝過了！
相信大家在做Extjs開發(fā)的時(shí)候都使用過類似下面的代碼：
var form_pz = new Ext.form.FormPanel({
id: "form_pz",
region: "center",
labelAlign: "right",
lazyRender: true,
frame: true,
items: [{
xtype: "combo",
fieldLabel: "產(chǎn)品名稱",
id: "CPMC",
allowBlank: false,
store: new Ext.data.SimpleStore({//store的定義}),
displayField: "CPMC_BBH",
valueField: "ID",
anchor: "100%",
mode: "local",
triggerAction: "all",
readOnly: true,
typeAhead: true,
}]
});
var data = [];//里面定義任意數(shù)據(jù)
Ext.getCmp("Store_id").load(data);
此時(shí)對(duì)這個(gè)下拉框以下操作的時(shí)候，即讓它默認(rèn)選中Store中第一行數(shù)據(jù)：
var record= Ext.getCmp("CPMC").getStore().getAt(0);
var value = record.get("ID");
Ext.getCmp("CPMC").setValue(value);
以上是主要程序，這樣運(yùn)行以后，下拉框是不會(huì)自動(dòng)選中的，
然而把Store單獨(dú)拿出來定義：
var Strore_CPMC = new Ext.data.SimpleStore({//定義});
Strore_CPMC.load(data);
var record= Ext.getCmp("CPMC").getStore().getAt(0);
var value = record.get("ID");
Ext.getCmp("CPMC").setValue(value);
下拉框就會(huì)自動(dòng)選擇store中的第一行數(shù)據(jù)，其實(shí)在其他的方法也存在類似的問題，不知道這是什么原因。望各位朋友指教。
復(fù)制代碼 代碼如下:
var form_pz = new Ext.form.FormPanel({
id: "form_pz",
region: "center",
labelAlign: "right",
lazyRender: true,
frame: true,
items: [{
xtype: "combo",
fieldLabel: "產(chǎn)品名稱",
id: "CPMC",
allowBlank: false,
store: new Ext.data.SimpleStore({//store的定義}),
displayField: "CPMC_BBH",
valueField: "ID",
anchor: "100%",
mode: "local",
triggerAction: "all",
readOnly: true,
typeAhead: true,
}]
});
var data = [];//里面定義任意數(shù)據(jù)
Ext.getCmp("Store_id").load(data);
此時(shí)對(duì)這個(gè)下拉框以下操作的時(shí)候，即讓它默認(rèn)選中Store中第一行數(shù)據(jù)：
復(fù)制代碼 代碼如下:
var record= Ext.getCmp("CPMC").getStore().getAt(0);
var value = record.get("ID");
Ext.getCmp("CPMC").setValue(value);
以上是主要程序，這樣運(yùn)行以后，下拉框是不會(huì)自動(dòng)選中的，
然而把Store單獨(dú)拿出來定義：
復(fù)制代碼 代碼如下:
var Strore_CPMC = new Ext.data.SimpleStore({//定義});
Strore_CPMC.load(data);
var record= Ext.getCmp("CPMC").getStore().getAt(0);
var value = record.get("ID");
Ext.getCmp("CPMC").setValue(value);
下拉框就會(huì)自動(dòng)選擇store中的第一行數(shù)據(jù)，其實(shí)在其他的方法也存在類似的問題，不知道這是什么原因。望各位朋友指教。
相關(guān)文章
ExtJs grid行 右鍵菜單的兩種方法，需要用extjs制作右鍵菜單的朋友可以參考下。2010-06-06
ComboBox 和 DateField 在IE下消失的解決方法
開發(fā)過程中卻遇到了在 IE 瀏覽器中放大、縮小窗口大小會(huì)導(dǎo)致這兩個(gè)組件消失不見不報(bào)任何錯(cuò)誤且在其他瀏覽器正常，通過本文你將學(xué)會(huì)如何解決此問題2013-08-08
Ext中下拉列表ComboBox組件store數(shù)據(jù)格式用法介紹
本文為大家詳細(xì)介紹下Ext中下拉列表ComboBox組件store數(shù)據(jù)格式的基本用法，感興趣的朋友可以參考下哈，希望對(duì)大家有所幫助2013-07-07
ExtJs擴(kuò)展之GroupPropertyGrid代碼
這幾天做一個(gè)Web項(xiàng)目，使用了ExtJs，其中有個(gè)像設(shè)計(jì)器一樣的界面，選擇界面上的內(nèi)容，可以直接編輯內(nèi)容的屬性，這個(gè)原本來說對(duì)于使用ExtJs還是很簡(jiǎn)單的。2010-03-03
根據(jù)我在論壇上的觀察，xtype用起來的時(shí)候疑惑會(huì)比較多。甚至有些人根本忽略xtype，或者不清楚它是什么。所以我決定闡述一下這個(gè)xtype的概念。2010-01-01
如何用的hibernate的自動(dòng)注解，并且里面有一對(duì)多，多對(duì)一的關(guān)系，這是需要在不需要的字段上加上注解@JsonIgnore2013-12-12
ExtJS4 組件化編程，動(dòng)態(tài)加載，面向?qū)ο?，Direct
ExtJS4終于出了正式版，體驗(yàn)一下面官方推薦的向?qū)ο缶幊套罴褜?shí)踐 過去的做法是new對(duì)象或者Ext.create一個(gè)對(duì)象，每個(gè)對(duì)象都要先實(shí)例化才能使用2011-05-05
學(xué)習(xí)ExtJS（一） 之基礎(chǔ)前提
學(xué)習(xí)ExtJS前提條件，大家要想學(xué)習(xí)，需要一些基礎(chǔ)知識(shí)。2009-10-10
Extjs NumberField后面加單位實(shí)現(xiàn)思路
本文為大家介紹下在NumberField后面加單位，具體實(shí)現(xiàn)如下，感興趣的朋友可以參考下2013-07-07
Ext JS 4實(shí)現(xiàn)帶week(星期)的日期選擇控件(實(shí)戰(zhàn)二)
Javascript 有提供Date 對(duì)象用于處理時(shí)間。但是Date 并沒有提供獲取星期的方法，jquery 的擴(kuò)展組件 等有直接提供這樣的一些現(xiàn)成包，感興趣的朋友可以了解下2013-08-08