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

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

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

    posts - 60,comments - 71,trackbacks - 0
    from: http://lotuslive.blogdriver.com/lotuslive/1180945.html

    其實DWRUtil.useLoadingImage使用的是DWREngine的鉤子,設置了PreHook()和PostHook()。

    DWREngine.setPreHook(function)在調用DWR之前,運行function函數。DWREngine.setPostHook(function)在調用完DWR后,運行function函數。所以我們可以用它來顯示程序運行時的動畫效果,并可以解決表單重復提交的問題。例如:點擊提交按鈕后,就把按鈕隱藏,后臺程序運行完畢后,再把按鈕顯示出來。為此目的,下面修改了DWRUtil.useLoadingImage代碼:

    /**
     * 使用loading image,并且還可以隱藏按鈕
     * @param imageSrc 圖像地址
     * @param item 要隱藏的html item對象數組
     * @author huangqiao
     * @date 2006-5-11
     */
    DWRUtil.useLoadingImage = function(imageSrc,items) {
      var loadingImage;
      if (imageSrc) loadingImage = imageSrc;
      else loadingImage = "ajax-loader.gif";
      DWREngine.setPreHook(function() {
        if(items != null) {
          for(var i=0; i<items.length; i++)
          items[i].style.visibility = 'hidden';
        }
        var disabledImageZone = $('disabledImageZone');
        if (!disabledImageZone) {
          disabledImageZone = document.createElement('div');
          disabledImageZone.setAttribute('id', 'disabledImageZone');
          disabledImageZone.style.position = "absolute";
          disabledImageZone.style.zIndex = "1000";
          disabledImageZone.style.left = "0px";
          disabledImageZone.style.top = "0px";
          disabledImageZone.style.width = "100%";
          disabledImageZone.style.height = "100%";
          var imageZone = document.createElement('img');
          imageZone.setAttribute('id','imageZone');
          imageZone.setAttribute('src',imageSrc);
          imageZone.style.position = "absolute";
          imageZone.style.top = "0px";
          imageZone.style.right = "0px";
          disabledImageZone.appendChild(imageZone);
          document.body.appendChild(disabledImageZone);
        }
        else {
          $('imageZone').src = imageSrc;
          disabledImageZone.style.visibility = 'visible';
        }
      });
      DWREngine.setPostHook(function() {
        if(items != null) {
          for(var i=0; i<items.length; i++)
          items[i].style.visibility = 'visible';
        }
        $('disabledImageZone').style.visibility = 'hidden';
      });
    };

    使用方法,在頁面加載時就調用此函數:
    DWRUtil.useLoadingImage("images/loader.gif",[$("buttonId_1"),$("buttonId_2")]);

    當調用DWR時,就會顯示加載圖片,并將id為"buttonId_1"和"buttonId_2"的按鈕隱藏;調用結束后,隱藏加載圖片,并將已隱藏的按鈕再次顯示出來。

    如果不想隱藏按鈕,直接使用DWRUtil.useLoadingImage("images/loader.gif")即可。注意的是:DWRUtil.useLoadingImage只需調用一次就可設置DWR引擎的鉤子,在同個頁面中不需再多次調用。

    posted on 2008-07-17 10:50 henry1451 閱讀(318) 評論(0)  編輯  收藏

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


    網站導航:
     
    主站蜘蛛池模板: 亚洲国产成人久久精品app| 免费一级成人毛片| www免费插插视频| 免费在线观看黄网站| 含羞草国产亚洲精品岁国产精品| 中文永久免费观看网站| 三年片在线观看免费观看高清电影 | 国产精品亚洲专一区二区三区| 国产精品偷伦视频观看免费| 女性自慰aⅴ片高清免费| 亚洲国产精品网站在线播放| 久久亚洲免费视频| 亚洲成人在线电影| 亚欧国产一级在线免费| 国产成人无码免费视频97 | 日韩亚洲人成在线综合| 亚洲国产精品无码久久青草 | 久久成人免费电影| 亚洲成av人片不卡无码| 妞干网免费观看视频| 国产成人综合亚洲绿色| 激情综合色五月丁香六月亚洲| 老司机亚洲精品影院在线观看| 亚洲色图综合在线| 一区二区三区福利视频免费观看| 亚洲一区二区三区久久| 四虎国产精品免费久久影院| 亚洲欧洲AV无码专区| 最近最好的中文字幕2019免费 | 亚洲av无码国产精品色在线看不卡 | 中国一级特黄高清免费的大片中国一级黄色片 | 亚洲av综合日韩| 亚洲AV无码专区电影在线观看| 一区二区三区免费在线视频| 日本免费无遮挡吸乳视频电影| 国产亚洲福利在线视频| 4338×亚洲全国最大色成网站| 久久精品人成免费| 美女被吸屁股免费网站| 久久精品国产亚洲AV无码麻豆 | 青草草在线视频永久免费|