2014-06-12 29 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