在“ C＃更新”面板刷新后運行Javascript

Question

我正在使用蒙版輸入插件來控制字段的輸入（ http://digitalbush.com/projects/masked-input-plugin/ ）。

這工作得很好...直到我添加了我的更新面板，並且在更新后沒有更多的屏蔽輸入..我的腳本全部顯示在頁面中。 在刷新面板后讀取更新面板中的jQuery未能成功添加cssclass，我也嘗試在更新面板刷新后運行Javascript，但這也不起作用。

似乎好像事件綁定丟失了。在更新面板更新后，如何運行我的腳本來重新添加輸入掩碼？

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

Answer 1

您需要創建PageRequestManager obj並在更新面板更新后調用您的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>

Answer 2

         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");
});

}

Answer 3

嘗試這個

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

Answer 4

此鏈接可能會對您有所幫助。

在瀏覽器中管理服務器UpdatePanel控件的部分頁面更新。

http://msdn.microsoft.com/zh-CN/library/vstudio/bb311028(v=vs.100).aspx