国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

ExtJS 下拉多選框lovcombo

2019-11-21 00:29:11
字體:
來源:轉載
供稿:網友
開始以為很簡單,在option里加個input checkbox就行了。哪知行不通,網上搜了一些實現方法,主要是用div層來模擬下拉。本想照著這種思路,再結合這個項目具體應用自己寫一個,發(fā)現太麻煩了。剛好在另外一個項目中使用extjs,找到了一個擴展lovcombo,學習了一下它自帶的例子(配合2.3版的extjs,3.x版的貌似有問題)。例子倒不難,關鍵是要把它添加到現有的代碼中,并且盡量少的改動原有代碼。

下拉多選框的使用過程中處理比較多的邏輯主要集中在數據源store的配置和select事件的處理。extjs本身的那種數據和UI分離的模式使得級聯的實現非常輕松。只需在省份下拉框的select事件中去更新城市下拉框的store即可。一個需要注意的小地方是:一個選項被select時,需要額外的通過checkField的值來判斷該選項是被選中還是被取消。還有就是全選、取消全選(這兩個lovcombo自帶有方法selectAll和deselectAll)以及被選中選項數目(需要遍歷一遍store,并檢測每一項的checkField值)。

復制代碼 代碼如下:

//下拉框的select事件
select:function(combo, record, index)
{
//選中
if(record.get(this.checkField))
{
//選中時的處理邏輯
}
else
{
//未選中
}
}
發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 宁海县| 枞阳县| 安阳市| 麦盖提县| 洛南县| 鸡西市| 衡山县| 登封市| 怀安县| 贵港市| 永兴县| 富阳市| 琼结县| 台南县| 亚东县| 苗栗县| 仪征市| 丁青县| 静安区| 北京市| 惠州市| 千阳县| 大名县| 莱西市| 甘孜县| 兴城市| 新建县| 明溪县| 荣昌县| 南岸区| 邵阳市| 昭平县| 越西县| 青神县| 汤阴县| 大邑县| 石景山区| 雅安市| 通化县| 许昌市| 东山县|