<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    張昊

    J-Hi(http://www.j-hi.net)

      BlogJava :: 首頁 :: 聯系 :: 聚合  :: 管理
      45 Posts :: 1 Stories :: 110 Comments :: 0 Trackbacks

    描述:在DWZ版中lookup的處理機制與經典的完全不同,對于lookup有兩種展現形式,一種是通過點擊lookup圖標彈出對話框后帶回選中的值,另一種是通過在文本框中輸入相應信息從而實現聯機式的查找帶回效果。從實現目的來看,無非是讓lookup的實體的主鍵值帶回到hidden的一個元素中,而其它值只是作為顯示參考之用,與底層的數據庫結構與數據庫表無關。一個完整的lookup由如下html元素構成:1)一個hidden用于保存帶回實體主鍵的ID值;如果要實現缺省的lookup過濾或排序可以相應的pageInfohidden元素,具體實現方式的用例參見《HowTo手冊》;2ntext用于顯示帶回的多個數據帶回項(注意:因為帶回的數據項與數據訪問層也就是數據庫表無關,因此每個textname都有一個hi_作為前綴);3)一個lookup有且只有一個主帶回項,只有主帶回項的文本框是可編輯的并且只有主帶回項會有lookup圖標也就是html的中的a元素。

    擴展屬性名

    lookupGroup

    lookup組可以理解為當前實體的名字,如果當前lookup組件是主實體中,則lookupGroup就是實體名,如果當前lookup組件在從實體(也就是明細表的lookup)中,則lookupGroup就是明細的集合屬性名

    lookupName

    lookup名可以理解為當前lookup實體的屬性名。從整體的DWZ框架來分析,實際上所有的tab都在一個IE窗口,也就是說JS文件在打開瀏覽器只會加載一次。這就產生了必須要保證每一個html元素的唯一性,即使是在不同的tab下也是如此。對于lookup來說,是通過lookupGroup+lookupName來確定元素的唯一性的。

    suggestClass

    主帶回項才會有該屬性,實現聯想查找帶回

    lookup實體的POJO類的全限定名

    searchFields

    查詢過濾的屬性名列表,以逗號分隔。例如帶回HiUser,該屬性的值為”fullName,userNum”,在文本框中001則平臺會查詢姓名或者是編號為001的所有用戶

    callback

    回調方法名,在查找帶回值后系統會回調該屬性的值的方法,以實現您對帶回后的特殊處理。例如callback=fun,那么在帶回值后系統會自動調用fun方法,并會自動傳入兩個參數fun(json,index),其中json:是帶回的完整json對象,index:是索引值,主要用于明細的帶回時要提供是第幾條明細記錄

     

    場景描述:一個會員編輯頁面要指定該會員所在的省份、城市、地區,要求在選擇省份后會自動過濾該省份的城市,地區以此類推。

           以下所有步驟只是修改OrganizationEdit.jsp文件,即可

    步驟一、為省份的主帶回項加callback回調方法,并在實現該js方法

    <input type="text" class="textInput" name="organization.hi_province.name" value="${organization.province.name}" callback="processProvince"

        function processProvince(json){

           document.getElementById("pageInfo.province.f_id").value = json.id;

        } //該方法的目的是在選擇某個省份后將該省份的ID值放到指定的hidden元素中

    步驟二、為城市加一個用于過濾的hidden元素,注意processProvince()方法中的賦值語句就是該hidden元素;用于過濾的name必須與PageInfo的具體類相對應;必須要指定lookupGrouplookupName

    <input type="hidden" lookupGroup="organization" lookupName="city" name="pageInfo.province.f_id" id="pageInfo.province.f_id" value=""/>

        步驟三、為城市的主帶回項加callback回調方法,并在實現該js方法

    <input type="text" class="textInput" name="organization.hi_city.name" value="${organization.city.name}callback="processCity"

        function processCity(json){

           document.getElementById("pageInfo.city.f_id").value = json.id;

    }

    步驟四、為地區加一個用于過濾的hidden元素

    <input type="hidden" name="pageInfo.city.f_id" id="pageInfo.city.f_id" lookupGroup="organization" lookupName="region" value=""/>

    總結:級聯下拉實際上是lookup的一個變種形式,主要的思想是為你要級聯的下拉的lookup加入過濾項,例如在城市加一個省份的過濾項,在選擇省份時后,會通過回調方法將這個過濾項的值存到該過濾項中。這樣逐級過濾就實現了級聯下拉的效果.

    posted on 2011-06-03 17:53 張昊 閱讀(2273) 評論(5)  編輯  收藏

    Feedback

    # re: J-Hi Lookup實現級聯下拉的效果 2011-06-23 21:12 sh
    com.google.gson.stream.MalformedJsonException: Expected literal value near {province.f_id:}


    不知是什么原因,,,總是這個錯誤  回復  更多評論
      

    # re: J-Hi Lookup實現級聯下拉的效果 2011-06-23 21:15 sh
    用于過濾的name必須與PageInfo的具體類相對應;


    這句話的意思是還需要創建一個PageInfo類?  回復  更多評論
      

    # re: J-Hi Lookup實現級聯下拉的效果 2011-06-23 22:27 sh
    好像是因為callback的js函數沒有執行啊,我在函數里寫了
    alert("我是警告框!!");
    都沒有效果...

    怎么讓callback的函數執行呢?  回復  更多評論
      

    # re: J-Hi Lookup實現級聯下拉的效果[未登錄] 2011-08-16 15:51 micheal
    你好。
    我根據你的文章。沒有實現成功。。
    下載鏈接也沒用打開
    我用的是最新插件
    可以重新上傳你的文件嗎?  回復  更多評論
      

    # re: J-Hi Lookup實現級聯下拉的效果[未登錄] 2013-05-30 16:25 allen
    點擊輸入框的時候可以觸發js函數,但是不能沒有級聯動作,可否告知如何操作?  回復  更多評論
      


    只有注冊用戶登錄后才能發表評論。


    網站導航:
     
    主站蜘蛛池模板: 国产亚洲精品AA片在线观看不加载 | 亚洲精品久久久www | 亚洲欧洲日产国码在线观看| 高清一区二区三区免费视频| 亚洲一区精品无码| 野花香高清视频在线观看免费 | 国产精品亚洲а∨无码播放不卡| 日韩激情淫片免费看| 美女隐私免费视频看| 久久亚洲国产成人影院网站 | 午夜亚洲国产理论片二级港台二级 | 日韩亚洲国产高清免费视频| 日韩特黄特色大片免费视频| 免费国产在线精品一区| 亚洲综合无码精品一区二区三区| 国产无遮挡裸体免费视频在线观看 | 国产精品亚洲天堂| 国产亚洲午夜高清国产拍精品| 中文字幕a∨在线乱码免费看| 久久综合日韩亚洲精品色| 97国产在线公开免费观看| 亚洲成A人片在线播放器| 啊v在线免费观看| a级成人毛片免费图片| 亚洲成人免费网站| 免费大香伊蕉在人线国产| 一级毛片无遮挡免费全部| 久久综合亚洲色一区二区三区| 精品久久久久久久久免费影院| 亚洲av中文无码乱人伦在线观看| 国产美女亚洲精品久久久综合| 91精品导航在线网址免费| 最新国产精品亚洲| 国产AV无码专区亚洲AV手机麻豆| 99久热只有精品视频免费观看17| 亚洲精品蜜夜内射| 亚洲成色WWW久久网站| 成人免费午夜视频| 日韩免费在线观看视频| 亚洲av日韩av永久在线观看 | 国产无遮挡裸体免费视频|