jsf a4j 實現下拉框聯動

2021-08-25 10:48:55 字數 954 閱讀 8551

專案一直用jsf做,最近乙個需求要做乙個下拉框二級聯動,第乙個下拉框顯示節點名稱,第二個下拉框根據節點名稱動態顯示該節點下的證照型別。一開始沒考慮用ajax,就在第乙個下拉框中用了valuechangelistener和οnchange="submit();",但當第乙個下拉框值變後submit激發了查庫的過程,對查詢結果進行了一次過濾。但不用οnchange="submit();"的話,後台bean中定義的valuechangelistener事件就沒法呼叫。在嘗試了其他方法後,最後打算用一下ajax,而且以前也沒用過,趁這個機會學習一下。

從網上搜了一通,有dwr和ajax4jsf等開源框架,由於我們組裡有個人非常熟悉dwr,而且dwr也支援jsf,所以先用dwr做了一下。由於這個專案查詢用的通用的方法,不能自己寫sql,用dwr雖然實現了兩個下拉框的聯動,但是後台查詢不起作用,在考慮了技術和時間代價後,決定嘗試一下a4j。

" prefix="a4j"%>

<%@ taglib uri="

" prefix="rich"%>,然後用rich相關的form,table,column等標籤(比如,等)就能和a4j做到最好的相容。但是由於介面顯示的要求,我們使用的是(<%@ taglib uri="

" prefix="t"%>),第乙個下拉框的rerender=""屬性若寫成select2,就不能更新,若寫成兩個select所在的table,即rerender="dtable",就可以了,而且這個table要用標籤包含一下。整個form也是用的。主要**如下:

.......

.......

<%/* 下拉框1,激發聯動 */%>  

<%/* 下拉框2,被聯動*/%>         

.......

bean中的changeselectmap方法則根據應用的情況更新第二個下拉框的值即可。第乙個下拉框的值繫結到了query.value,所以從value的getvalue()方法即可得到第乙個下拉框所選的值。

Vue axios實現下拉框聯動重新整理

用v model繫結 獲取下拉框選中value 通過v for,遍歷部門列表 角色列表,動態展現option裡的資料 通過 v on 設定option的value 通過 設定option的text 即將迭代出的item中資料分別設定給option的value和text 通過select的 chang...

MVC 實現下拉框

mvc動態實現下拉框的方式有很多種,但是方便快捷的卻是很少,現在記錄一種常用的下拉框實現方式 1.先看看檢視 是怎麼寫的 這是乙個下拉框 html.dropdownlist selectroleid viewdata rolds as selectlist,請選擇 new 從上 可以看出html自帶...

力軟下拉框多選 jquery實現下拉框多選

一 說明 本文是利用easyui實現下拉框多選功能,在comboxtree其原有的基礎上對樣式進行了改進,樣式表已上傳demo,如下 二 利用easyui實現多選下拉框 function url tree data2.json 資料來源 oncheck function node,checked 讓...