欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

extJs 下拉框聯(lián)動(dòng)實(shí)現(xiàn)代碼

 更新時(shí)間:2010年04月09日 13:27:19   作者:  
extJs 下拉框聯(lián)動(dòng)實(shí)現(xiàn)代碼,需要的朋友可以參考下。
復(fù)制代碼 代碼如下:

// 第一個(gè)下拉框
var parentStore = new Ext.data.Store({
proxy: new Ext.data.HttpProxy({
url: 'loadByParentid.action?parentid=1001'
}),
reader: new Ext.data.JsonReader({
root: 'list',
id: 'id'
}, [
{name: 'id', mapping: 'id'},
{name: 'mc', mapping: 'name'}
])
});
// 第二個(gè)下拉框
var childStore = new Ext.data.Store({
proxy: new Ext.data.HttpProxy({
//這里是參數(shù)可以順便寫,這個(gè)數(shù)據(jù)源是在第一個(gè)下拉框select的時(shí)候load的
url: 'loadByParentid.action?parentid=1001'
}),
reader: new Ext.data.JsonReader({
root: 'list',
id: 'id'
}, [
{name: 'id', mapping: 'id'},
{name: 'mc', mapping: 'name'}
])
});

{
fieldLabel: '請(qǐng)選擇分類',
xtype:'combo',
store: parentStore,
valueField :"id",
displayField: "mc",
mode: 'local',
forceSelection: true,//必須選擇一項(xiàng)
emptyText:'請(qǐng)選擇分類...',//默認(rèn)值
hiddenName:'interviewsDetail.parent_category',//hiddenName才是提交到后臺(tái)的input的name
editable: false,//不允許輸入
triggerAction: 'all',//因?yàn)檫@個(gè)下拉是只能選擇的,所以一定要設(shè)置屬性triggerAction為all,不然當(dāng)你選擇了某個(gè)選項(xiàng)后,你的下拉將只會(huì)出現(xiàn)匹配選項(xiàng)值文本的選擇項(xiàng),其它選擇項(xiàng)是不會(huì)再顯示了,這樣你就不能更改其它選項(xiàng)了。
//allowBlank:false,//該選項(xiàng)值不能為空
id : 'parent_id',
name: 'parent',
width: 400,
listeners:{
select : function(combo, record,index){
childStore.proxy= new Ext.data.HttpProxy({url: 'loadByParentid.action?parentid=' + combo.value});
childStore.load();
}
}
},{
xtype:'combo',
store: childStore,
valueField :"id",
displayField: "mc",
//數(shù)據(jù)是在本地
mode: 'local',
forceSelection: true,//必須選擇一項(xiàng)
emptyText:'請(qǐng)選擇子分類...',//默認(rèn)值
hiddenName:'interviewsDetail.child_category',//hiddenName才是提交到后臺(tái)的input的name
editable: false,//不允許輸入
triggerAction: 'all',//因?yàn)檫@個(gè)下拉是只能選擇的,所以一定要設(shè)置屬性triggerAction為all,不然當(dāng)你選擇了某個(gè)選項(xiàng)后,你的下拉將只會(huì)出現(xiàn)匹配選項(xiàng)值文本的選擇項(xiàng),其它選擇項(xiàng)是不會(huì)再顯示了,這樣你就不能更改其它選項(xiàng)了。
//allowBlank:false,//該選項(xiàng)值不能為空
fieldLabel: '選擇',
id : 'child_id',
name: 'child',
width: 400
}

相關(guān)文章

  • Extjs學(xué)習(xí)筆記之四 工具欄和菜單

    Extjs學(xué)習(xí)筆記之四 工具欄和菜單

    本文介紹在桌面程序開發(fā)中很常用也很簡(jiǎn)單的工具欄和菜單,但是在通常的web開發(fā)中,要實(shí)現(xiàn)好工具欄和菜單并非易事,然而extjs使我們能夠用類似桌面程序開發(fā)的方法來開發(fā)web的工具欄和菜單。
    2010-01-01
  • Extjs中ComboBoxTree實(shí)現(xiàn)的下拉框樹效果(自寫)

    Extjs中ComboBoxTree實(shí)現(xiàn)的下拉框樹效果(自寫)

    最近涉及到的一個(gè)項(xiàng)目中,需要實(shí)現(xiàn)ComboBoxTree的效果,由于在Extjs中是沒有這種效果,所以看看別人的資料自己寫了一個(gè),感興趣的朋友可以參考下哈
    2013-05-05
  • Ext GridPanel加載完數(shù)據(jù)后進(jìn)行操作示例代碼

    Ext GridPanel加載完數(shù)據(jù)后進(jìn)行操作示例代碼

    Ext GridPanel加載完數(shù)據(jù)后進(jìn)行操作,比如load數(shù)據(jù)之后選定某些行數(shù)據(jù),下面有個(gè)示例,需要的朋友可以參考下
    2014-06-06
  • ExtJS 4.2 Grid組件單元格合并的方法

    ExtJS 4.2 Grid組件單元格合并的方法

    這篇文章主要為大家詳細(xì)介紹了ExtJS 4.2 Grid組件的單元格合并,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2016-10-10
  • extjs表格文本啟用選擇復(fù)制功能具體實(shí)現(xiàn)

    extjs表格文本啟用選擇復(fù)制功能具體實(shí)現(xiàn)

    extjs提供了方便的表格組件grid供使用,但是默認(rèn)情況下表格中的文本是不能被選中的,自然也是無法復(fù)制的,下面就為大家介紹下選擇復(fù)制功能如何啟用,感興趣的朋友可以了解下
    2013-10-10
  • ComboBox 和 DateField 在IE下消失的解決方法

    ComboBox 和 DateField 在IE下消失的解決方法

    開發(fā)過程中卻遇到了在 IE 瀏覽器中放大、縮小窗口大小會(huì)導(dǎo)致這兩個(gè)組件消失不見不報(bào)任何錯(cuò)誤且在其他瀏覽器正常,通過本文你將學(xué)會(huì)如何解決此問題
    2013-08-08
  • Extjs4中的分頁應(yīng)用結(jié)合前后臺(tái)

    Extjs4中的分頁應(yīng)用結(jié)合前后臺(tái)

    本文為大家介紹下Extjs4中的分頁如何使用且結(jié)合前后臺(tái),具體的示例如下,感興趣的朋友可以參考下
    2013-12-12
  • Extjs學(xué)習(xí)筆記之三 extjs form更多的表單項(xiàng)

    Extjs學(xué)習(xí)筆記之三 extjs form更多的表單項(xiàng)

    本文接著上講Extjs學(xué)習(xí)筆記之二 Extjs之Form介紹Extjs的表單。Extjs除了類似普通的html form的表單項(xiàng)之外,還有一些功能更為豐富實(shí)用的表單項(xiàng)。
    2010-01-01
  • Extjs學(xué)習(xí)筆記之七 布局

    Extjs學(xué)習(xí)筆記之七 布局

    Panel內(nèi)部的組件添加多了之后,組件如何排放就成了一個(gè)問題,Extjs的Layout就是為了解決這個(gè)問題的。其實(shí)學(xué)習(xí)Layout的最好地點(diǎn)就是Extjs的官網(wǎng)的例子
    2010-01-01
  • ExtJs中簡(jiǎn)單的登錄界面制作方法

    ExtJs中簡(jiǎn)單的登錄界面制作方法

    接觸Ext也有好幾個(gè)月了,但是由于時(shí)間問題,都沒有好好總結(jié)一下,現(xiàn)在抽空再博客里回顧下Ext使用心得,歡迎各位指點(diǎn)。
    2010-08-08

最新評(píng)論