簡易代碼之家

            BlogJava :: 首頁 :: 聯系 :: 聚合  :: 管理
            157 Posts :: 2 Stories :: 57 Comments :: 0 Trackbacks
              筆者在最近的項目中采用的是Jsf(myfaces+richfaces+Ajax4Jsf)+Spring+Hibernate技術,由于數據量大,系統反應時間為1.5~2秒,此時需要有提示的標記比如"正在理..."等。Ajax4Jsf中的"onsubmit"為提交表單時發生的動作,"oncomplete"為提交到服務器端處理完返回到客戶端時執行的動作,這兩者的時間差就是我們等待的時間。我們也就是要在這個時間段內顯示標記。對于<t:commandButton/>或<t:commandLink /> 等可以用"onclick""ondblclick"等與"oncomplete"組合靈活應用。以下是簡例片段:

           1<!-- 執行的js方法 -->
           2<script type="text/javascript">
           3    function beforeChange(){
           4        var obj = document.getElementById('myForm:waitingGif');
           5        obj.style.display='block';
           6    }

           7    function afterChange(){
           8        var obj = document.getElementById('myForm:waitingGif');
           9        obj.style.display='none';
          10    }

          11
          </script>
          12<!-- 應用 -->
          13<t:panelGrid columns="3" id="listGrid" forceId="true">
          14    <t:selectOneRadio value="#{myBean.selectItem}">
          15        <a4j:support event="onclick"
          16            actionListener="#{myBean.selectItemChange}"
          17            reRender="listGrid" onsubmit="beforeChange()"
          18            oncomplete="afterChange()" />
          19        <f:selectItem itemLabel="上月" itemValue="4" />
          20        <f:selectItem itemLabel="本月" itemValue="3" />
          21        <f:selectItem itemLabel="上周" itemValue="2" />
          22        <f:selectItem itemLabel="本周" itemValue="1" />
          23    </t:selectOneRadio>
          24    <h:graphicImage id="waitingGif" value="/images/waiting.gif" style="display:none" />
          25</t:panelGrid>

          運行時的顯示效果:


          其實Ajax4Jsf也有對此效果的支持:
          1<a4j:status  startText="正在處理"  startStyle="font-size: 10pt;color:red;"/>
          頁面上運用<a4j:status />后所有提交到后臺的動作都可以被跟蹤標記,但要保證<a4j:status />在此動作的刷新區域。
          posted on 2008-01-15 18:34 Jakin.zhou 閱讀(7160) 評論(2)  編輯  收藏

          Feedback

          # re: 巧用Ajax4Jsf的oncomplete事件 2008-01-15 21:07 LifeNote
          使用prototype.js 有個onload方法 就是在發送請求到響應這段時間的函數了  回復  更多評論
            

          # re: 巧用Ajax4Jsf的oncomplete事件 2008-01-16 12:25 久城
          在Ext里是事件中的兩個屬性來完成:
          waitMsg:'Please Wait...',
          success:SuccessFunction
          呵呵......  回復  更多評論
            


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


          網站導航:
           
          主站蜘蛛池模板: 临沂市| 宣汉县| 肃宁县| 沭阳县| 阿巴嘎旗| 奈曼旗| 德安县| 延寿县| 白城市| 无极县| 奎屯市| 株洲县| 长白| 江油市| 南安市| 延庆县| 龙海市| 蓬安县| 辽中县| 从化市| 平罗县| 吉安县| 云龙县| 胶南市| 天津市| 铜鼓县| 平果县| 景宁| 宜兰县| 房山区| 晋州市| 股票| 民丰县| 张家川| 东乡| 墨竹工卡县| 包头市| 昭觉县| 浦江县| 日喀则市| 大渡口区|