最近在學習extjs4.2,學習到了下拉框聯動的知識,這裡記錄一下。
目前存在的問題:需要頻繁查詢資料庫,需要引入快取來解決。目前還沒有學會。
首先是前台:
jsp頁面:
js**:
ext.onready(function () , ]});//定義區的model
ext.define('area',, ]
});//市的資料中心
var citystore=ext.create('ext.data.store',
},autoload:true
});//區的資料中心
var citycode;
var areastore=ext.create('ext.data.store',
},
autoload:false
});//城市的下拉列表
ext.create("ext.form.combobox",
});}
}} ,
renderto:'city'
})
//區的下拉列表
ext.create("ext.form.combobox",)
});
後台**,後台使用的是springmvc+spring+mybatis
@responsebody
public mapfindcity()
@responsebody
public mapfindareabycity(int cityid)
資料庫設計:
兩個表乙個是city,欄位為cityid,cityname,
比如1,北京;
2,天津
乙個是area,欄位是areaid,areaname,cityid,
比如1,朝陽區,1;
2,宣武區,1;
3,河東區,2;
extJs之下拉框聯動
在ext的世界裡面,我重新感受到了在學校裡玩swing的記憶.那時我們都需要為乙個控制項建立乙個資料來源,在把這個資料來源繫結在控制項上.ext也是如此.首先,兩個下拉框,第乙個下拉框首先load資料來源,在select的事件中在load第二個資料來源,這就是乙個簡單的二級聯動的實現原理了.第乙個下...
下拉框聯動
這裡寫了selclass和sellesson兩個下拉框,下拉框的selclass的選中值事件會觸發addsellesson 方法,該方法通過ajax向後台非同步請求資料動態給下拉框sellesson賦值 html 如下 班級課程 selclass onchange addsellesson styl...
下拉框聯動
default.aspx.cs using system using system.data using system.configuration using system.collections using system.web using system.web.security using sy...