extjs中的下拉框聯動(springmvc)

2022-09-13 01:51:09 字數 994 閱讀 8743

最近在學習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...