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


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


    網站導航:
     
    主站蜘蛛池模板: 成人无码精品1区2区3区免费看| 在线观看日本亚洲一区| 尤物视频在线免费观看 | 在线观看免费中文视频| 国产精品亚洲综合专区片高清久久久 | 日日摸夜夜添夜夜免费视频| 国产一级一片免费播放| 国产亚洲成在线播放va| 免费又黄又爽又猛的毛片 | 国产成人综合亚洲AV第一页| 亚洲一级片免费看| 国产亚洲精品一品区99热| 青青操在线免费观看| 一区二区三区亚洲| 在线观看无码AV网站永久免费| 亚洲AV无码无限在线观看不卡| 日韩免费福利视频| 日本在线观看免费高清| 亚洲欧洲美洲无码精品VA| 91免费国产精品| 亚洲色一区二区三区四区| 亚洲国产91精品无码专区| 国产成人无码区免费网站| 亚洲不卡中文字幕| 国产一区二区三区在线观看免费| 色哟哟国产精品免费观看| 亚洲AV本道一区二区三区四区 | 24小时日本在线www免费的| 色欲aⅴ亚洲情无码AV| 亚洲毛片αv无线播放一区| 国产成人精品免费视频动漫| 久久久久久亚洲精品无码| 亚洲综合AV在线在线播放| 我的小后妈韩剧在线看免费高清版 | 国产成人无码a区在线观看视频免费| 狠狠热精品免费观看| 亚洲AV无码一区二区乱子伦 | 女人18毛片水真多免费播放| 51午夜精品免费视频| 亚洲噜噜噜噜噜影院在线播放| 在线免费观看国产视频|