2014-06-12 32 views
0

我使用一個蒙面的輸入插件來控制領域的條目(http://digitalbush.com/projects/masked-input-plugin/)..運行JavaScript後的C#更新面板刷新

這是工作得很好......直到我說我的更新面板和繁榮沒有更多更新後屏蔽了輸入。我的腳本都在頁面中。閱讀jQuery in update panel not successfully adding cssclass after panel refresh我也試過Running Javascript after update panel refresh但這也不管用..

它看起來好像事件綁定丟失..如何讓我的腳本在更新面板更新後重新添加輸入掩碼?

script type="text/javascript"> 
    jQuery(function ($) { 
     $("#Curr_Mileage").mask("9?99999"); 
     $("#Litres").mask("99.9"); 
     $("#ordno").mask("aa99999"); 
     $("#litre2").mask("99.9"); 
    }); 
</script>  
+1

是更新面板內的所有這些控制? –

+0

[你試過](http://stackoverflow.com/questions/1190549/how-can-i-run-some-javascript-after-an-update-panel-refreshes)? –

+0

是的,所有的控件都在更新面板中。該腳本我放在頭 – user552769

回答

0

試試這個

<script> 
    function pageLoad(){ 
     jQuery(function ($) { 
     $("#Curr_Mileage").mask("9?99999"); 
     $("#Litres").mask("99.9"); 
     $("#ordno").mask("aa99999"); 
     $("#litre2").mask("99.9"); 
    }); 
} 
</script> 
2

你需要創建obj的PageRequestManager並打電話給你的jQuery更新更新面板之後
並確保該腳本塊外應更新面板

<script> 
    var prm = Sys.WebForms.PageRequestManager.getInstance(); 
    prm.add_pageLoaded(pageLoaded); 



    function pageLoaded() { 

     jQuery(function ($) { 
      $("#Curr_Mileage").mask("9?99999"); 
      $("#Litres").mask("99.9"); 
      $("#ordno").mask("aa99999"); 
      $("#litre2").mask("99.9"); 
     }); 

    } 

</script> 
+0

謝謝我試過這個,但沒有喜悅。即使頁面第一次加載使用上面的 – user552769

+1

簡單的頁面加載功能很好工作,掩碼並不適用。謝謝大家.. function pageLoad(){ jQuery(function($){ $(「#Curr_Mileage」)。mask(「9?99999」); $(「#Liters」)。mask(「99.9」); $(「#ordno」)。mask(「aa99999」); $(「#litre2」)。mask(「99.9」); }); } – user552769

1
  Sys.WebForms.PageRequestManager.getInstance().add_endRequest(myFunc); 

    function myFunc() { 
jQuery(function ($) { 
    $("#Curr_Mileage").mask("9?99999"); 
    $("#Litres").mask("99.9"); 
    $("#ordno").mask("aa99999"); 
    $("#litre2").mask("99.9"); 
}); 

}

+0

謝謝我試過這個,但是和下面一樣。即使使用上面第一次加載頁面,掩碼也不適用 – user552769