<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函數,但是不能沒有級聯動作,可否告知如何操作?  回復  更多評論
      


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


    網站導航:
     
    主站蜘蛛池模板: 亚洲一区二区三区自拍公司| 亚洲制服在线观看| 免费观看国产网址你懂的| 亚洲色www永久网站| 亚洲精品tv久久久久久久久久| 黄色网址在线免费| 亚洲熟女综合一区二区三区| 亚洲精品tv久久久久久久久久| 曰批视频免费40分钟试看天天| 亚洲精品久久久久无码AV片软件| 国产av无码专区亚洲av果冻传媒| 日本免费xxxx| yy一级毛片免费视频| 亚洲av专区无码观看精品天堂| 亚洲国产日韩在线观频| 91久久成人免费| 一区二区三区免费精品视频| 亚洲人成影院在线高清| 亚洲中文字幕在线乱码| 性色av免费观看| 国产成人AV片无码免费| 深夜a级毛片免费视频| 亚洲精品视频观看| 亚洲精品视频免费观看| 亚洲免费网站观看视频| 久久精品电影免费动漫| 九九全国免费视频| 亚洲人成色777777精品| 日韩精品亚洲人成在线观看| 亚洲不卡无码av中文字幕| 免费下载成人电影| 久久午夜夜伦鲁鲁片无码免费| free哆拍拍免费永久视频 | 亚洲熟妇无码一区二区三区| 亚洲av午夜福利精品一区| 又粗又黄又猛又爽大片免费| 妻子5免费完整高清电视| 久久免费动漫品精老司机| 久久久精品视频免费观看 | 欧洲亚洲综合一区二区三区 | 亚洲一区中文字幕|