使用javascript回发页面时如何维护Web控件 [英] How to maintain web controls when page is postback using javascript

问题描述

我的JavaScript

< script type ="text/javascript">
函数showRecurringBlock(ctl00_MainContent_ddlRecurrence){
调试器；
var vis ="none";
如果(document.getElementById("ctl00_MainContent_chkIsRecurringTask").checked)
vis ="block";
document.getElementById(ctl00_MainContent_ddlRecurrence).style.display = vis;
}
</script>
< script type ="text/javascript">
函数check_dd(){
如果(document.getElementById(''ctl00_MainContent_ddlRecurrence'').value =="2"){
document.getElementById(''ctl00_MainContent_divRecurringDays'').style.display =``block'';
} else {
document.getElementById(''ctl00_MainContent_divRecurringDays'').style.display =``none'';
}
}
</script>

问题->
DropDownList id = ddlRecurrence控件在页面回发后消失了.

My JavaScript

<script type="text/javascript">
function showRecurringBlock(ctl00_MainContent_ddlRecurrence) {
debugger;
var vis = "none";
if (document.getElementById("ctl00_MainContent_chkIsRecurringTask").checked)
vis = "block";
document.getElementById(ctl00_MainContent_ddlRecurrence).style.display = vis;
}
</script>
<script type="text/javascript">
function check_dd() {
if (document.getElementById(''ctl00_MainContent_ddlRecurrence'').value == "2") {
document.getElementById(''ctl00_MainContent_divRecurringDays'').style.display = ''block'';
} else {
document.getElementById(''ctl00_MainContent_divRecurringDays'').style.display = ''none'';
}
}
</script>

Question ->
DropDownList id= ddlRecurrence Control disappeared after page post back

推荐答案

此问题可以通过会话状态来解决，该方式特定于ASP.NET， a href ="https://msdn.microsoft.com/en-us/library/ms178581.aspx"> https://msdn.microsoft.com/en-us/library/ms178581.aspx [ ^ ].

但是，正如您的标记中提到的JavaScript一样，我想提出一种使用 Web存储的纯客户端方法.这种方法更为通用(只要在浏览器中未禁用JavaScript即可:-))，因为这种方法并不取决于您在服务器端拥有什么，也完全不依赖于服务器端.

请参阅: https://developer.mozilla.org/en-US/docs/Web/API /Web_Storage_API [^ ].

您可以在本节的文章中找到完整的示例: JavaScript计算器， 7.动态严格模式切换和Web存储 .

—SA

This problem can be solved by session state means specific to ASP.NET, https://msdn.microsoft.com/en-us/library/ms178581.aspx[^].

But as JavaScript is mentioned in your tags, I would like to suggest a pure client-side approach, using Web storage. This approach is more universal (as soon as JavaScript is not disabled in the browser :-)), because it does not depend on what you have on the server side or if you have server side at all.

Please see: https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API[^].

You can find a complete sample in this section my article: JavaScript Calculator, 7. Dynamic Strict Mode Switching and Web Storage.

—SA

这篇关于使用javascript回发页面时如何维护Web控件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！