HAP框架學習之 LOV級聯

2021-09-02 18:15:27 字數 2751 閱讀 1524

這幾天接觸比較多的就是lov,最開始是寫乙個簡單的lov用來查詢,慢慢地涉及到lov之間,以及lov與其他控制項之間的聯動。

今天總結一下兩種lov聯動的用法:

1、lov之間的聯動:

例子:省市聯動。(真的是為了聯動而聯動,將就一下吧,知道基本上就是這麼用就行)

需求:建立乙個搜尋省份的lov命名為lov_province,建立乙個搜尋城市的lov命名為lov_city,lov_city中需要將lov_province中選中的值作為查詢條件。

資料庫表t_d_area:

create table t_d_areainfo (

id int(11) not null,

name varchar(48) not null default '' comment '名稱',

arealevel tinyint(2) not null default '0' comment '層級標識: 1 省份, 2 市, 3 區縣',

parent_id int(11) default null comment '父節點',

primary key (`id`)

)

建立查詢省份的lov_province

自定義sql語句:

select id pro_id, name pro_name from t_d_areainfo 

arealevel = 1

and name like concat( concat("%",#),"%")

建立查詢城市lov_city

自定義sql語句:

select id city_id,name city_name from t_d_areainfo

parent_id = #

and name like concat("%",#,"%")

在html檔案中的使用:

在**中作為列使用:

,

editor: function (container, options) ,

select: function (e) ,

textfield: 'proname', /* 編輯器顯示的值 */

model: options.model

}));}},

,editor: function (container, options) ,

select: function (e) ,

textfield: 'cityname', /* 編輯器顯示的值 */

model: options.model

}));}}

],

在表單中的使用,使用input標籤:

顯示結果:選擇湖南省之後聯動湖南省的城市

完成啦!!!!!!

2、其他元件(下拉框,文字框...)與lov之間的級聯

需求:通過下拉框選擇學院,lov查詢選中學院的學生資訊。

資料庫表結構以及初始資料:

建立根據選擇的院系查詢學生的lov(lov_searchstudentbydept):

自定義sql語句:

select stu_id,stu_name,dept from hmall_hnuc_student 

dept = #

準備工作完畢!!!

在html中的使用如下:

顯示效果如下:

顯示效果,以及沒有選擇學院之前的查詢結果如下:

聯動效果:選擇了計信學院、以及根據選擇的計信學院搜尋出的學生資訊:

完成啦!!!

注意的問題:

選取kendoui控制項的值時,直接使用$("#id").val()方法在很多時候是取不到值的,使用如下方法:

學習筆記之MVC級聯及Ajax操作

第 一 資料庫資料準備 mysql 第二 準備models實體 對應資料庫中的資料 view code 第三 準備controllers,這邊名字是paycontroller 這邊主要貼出來兩個必備的方法 view code 第四 最為重要的是view的顯示頁面 當然是剛才建立的home資料夾下的v...

框架學習之Spring學習(一)

第一章 spring的jar包匯入 配置檔案和ioc基本用法 setter注入 將spring framework 4.2.5.release下libs資料夾貼到專案中,並引入jar包。在專案中建立和src平級的resource資料夾,建立spring ioc.xml配置檔案,匯入以下配置 建立be...

NeHe學習之框架三

wndproc 的實現 視窗訊息處理函式 lresult callback wndproc hwnd hwnd,uint umsg,wparam wparam,lparam lparam else return 0 case wm syscommand 系統中斷 break 如果不是上述中斷事件,就...