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

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

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

    簡單易用的JSF翻頁組件

     

    新的QFaces組件scroller, 這是一個翻頁組件,直接綁定到dataTable中即可,使用非常簡單,組件會包含在1.5中發布,最近會進行一些測試,組件的性能很好,比網上大部分人所用到的LocalDataModel方式要好,從性能上和易用性上。
    從性能上,組件不會在生命周期中出現兩次調用數據的多余操作,并且刷新之后仍可停留在原來所在的頁面。
    從易用性上,只要實現一個非常簡單的方法綁定就可以,這已經近乎傻瓜式的了。
    現在可以在這里看到一些效果,html,及java代碼都有

    http://huliqing-qfaces.appspot.com/qfaces-example/ui-scroller.faces?qRecordStart=90

    預覽一下用法吧,
    html代碼
    <h:form>
                
    <q:scroller for="myDataTable" 
                    bind
    ="#{scrollerBean.loadData}"
                    displayCount
    ="true"
                    displayJump
    ="true"
                    displayPage
    ="10">
                    
    <h:dataTable id="myDataTable"  border="1" 
                        binding
    ="#{scrollerBean.myData}" 
                        value
    ="#{scrollerBean.people}" var="pl" width="500">
                        
    <h:column>
                            
    <h:outputText value="#{pl.name}" />
                        
    </h:column>
                        
                        
    <h:column>
                            
    <h:outputText value="#{pl.age}" />
                        
    </h:column>
                        
                        
    <h:column>
                            
    <h:outputText value="#{pl.birthday}" >
                                
    <f:convertDateTime pattern="yyyy-MM-dd"/>
                            
    </h:outputText>
                        
    </h:column>
                        
                        
    <h:column>
                            
    <h:commandButton value="Test" actionListener="#{scrollerBean.testListener}" />
                        
    </h:column>
                    
    </h:dataTable>
                
    </q:scroller>
            
    </h:form>

    看到組件所綁定的方法了嗎:bind="#{scrollerBean.loadData}" ,后臺代碼只要實現一個這樣的方法進行綁定就可以.

    后臺java代碼

    public PageModel loadData(long start) {
            
    // 設置自己的pageSize
            int pageSize = 10;
            
    // 模擬,從DB中獲取總記錄數
            long total = getTotalCount();
            
    // 模擬從DB中獲取一些數據,從start起pageSize條記錄
            ArrayList<Person> pageData = getFromDatabase(start, pageSize);
            
    // 把這幾個信息封裝成PageModel返回,OK
            PageModel pm = new PageModel();
            pm.setPageData(pageData);
            pm.setPageSize(pageSize);
            pm.setTotal(total);
            
    return pm;
        }

    你可能不明白start這個參數是怎么來的,這是scroller組件計算出來后給你的,當第一次加載頁面時它會是0,它代表著現在需要從數據庫中的第幾條數據讀取記錄,你只要根據start,再配合你自己設置的pageSize從數據庫獲取一頁數據返回給scroller組件就可以。返回類型是PageModel,這是QFaces組件包中的類.只是非常簡單的要求三個數據而已,一個當前頁的數據,一個總記錄數,一個pageSize.
    組件根據這三個數據可計算,并且渲染一個scroller翻頁導航。這還不是整個組件的完整面貌,它會變得更好的。
    我很喜歡這個項目:)
    最近又對QFaces作了大幅調整,調整了URL獲取資源的方式,QFaces.js拆分成了兩個文件QFaces-gen,QFaces-faces,命名空間也作了一些調整。
    tree組件修正了一些bug,并提高了友好性。inputHelp修正了在谷歌瀏覽器下的錯位問題,同時修正了上下左右鍵不能使用的問題。聯動組件現在的工作方式仍然顯得太積極,需要作一些調整。還有很多可以繼續改進的。喜歡JSF的朋友,有問題可以一起互相交流學習。

    話外,昨天把自己的JTM放到U盤下運行,感覺非常棒,現在帶著U盤或者手機就可以隨處移動自己的WEB演示系統了:), 不少朋友向我索要源碼,有些不好意思,這個小東西是免費的,你可以隨便用,沒有版權約束,但不是開源的。源碼我是拿來出售的。


    - huliqing@huliqing.name
    - http://www.huliqing.name

    posted on 2009-05-09 09:55 huliqing 閱讀(1815) 評論(4)  編輯  收藏 所屬分類: JSF

    評論

    # re: 簡單易用的JSF翻頁組件 2009-05-09 12:27 陽衡鋒

    看著有點像flex,不知道是誰像誰。JSF的編程模型確實不錯,他是asp.net和jsp的一個折中。我認為。  回復  更多評論   

    # re: 簡單易用的JSF翻頁組件 2009-05-09 13:50 huliqing

    @陽衡鋒
    JSF很靈活,你想要把它做得像什么就像什么。
    它可以把很多東西封裝起來。  回復  更多評論   

    # re: 簡單易用的JSF翻頁組件 2009-08-23 09:19 王兵

    lz 研究的兩個東西 jsf swing 我都沒有碰過

    最近想看看RCP開發 公司準備為自己的一個開發平臺 做一個eclipse插件

    感覺以后插件會是一種趨勢   回復  更多評論   

    # re: 簡單易用的JSF翻頁組件 2009-08-24 11:44 huliqing

    @王兵
    嗯,我確實對這兩個東西很感興趣。找一些自己感興趣的東西研究,有目標有努力就會使自己比較充實了。呵呵!  回復  更多評論   

    導航

    統計

    公告

    文章原創,歡迎轉載
    ——轉載請注明出處及原文鏈接

    隨筆分類(60)

    隨筆檔案(33)

    最新評論

    評論排行榜

    主站蜘蛛池模板: 亚洲无线观看国产精品| 亚洲国产精品无码久久青草 | 亚洲日本在线免费观看| 亚洲va久久久噜噜噜久久| 中文字幕不卡免费高清视频| 国产AⅤ无码专区亚洲AV| 青柠影视在线观看免费高清| 亚洲成色www久久网站夜月| 日本视频免费高清一本18| 日韩亚洲Av人人夜夜澡人人爽| 无码专区AAAAAA免费视频| 亚洲精彩视频在线观看| 青青在线久青草免费观看| 在线亚洲午夜片AV大片| 日本无卡码免费一区二区三区| 99亚洲乱人伦aⅴ精品| 亚洲七七久久精品中文国产| 在线视频网址免费播放| 亚洲AV人无码激艳猛片| 91九色老熟女免费资源站| 亚洲精品色播一区二区 | 亚洲理论电影在线观看| 免费无码成人AV在线播放不卡 | 手机永久免费的AV在线电影网| 亚洲日本韩国在线| 污视频在线免费观看| 亚洲AV无码乱码在线观看代蜜桃| 日韩a在线观看免费观看| 羞羞视频免费网站在线看| 亚洲黄色免费在线观看| 浮力影院第一页小视频国产在线观看免费 | 四虎成人免费观看在线网址| 国产A∨免费精品视频| 久久久亚洲欧洲日产国码农村| 午夜国产精品免费观看| 一级毛片免费视频网站| 亚洲福利一区二区精品秒拍| 国产成人高清精品免费鸭子| 国产一区二区三区免费| 亚洲最大中文字幕无码网站| 亚洲人成中文字幕在线观看|