服务器之家:专注于服务器技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|JAVA教程|ASP教程|

服务器之家 - 编程语言 - ASP.NET教程 - 在子页中隐藏模板页中的div示例代码

在子页中隐藏模板页中的div示例代码

2019-11-17 13:15asp.net教程网 ASP.NET教程

模板页右边包含了一个登陆div,想让没登陆的时候这个div显示,登陆后该div隐藏,具体的实现如下,需要的朋友可以参考下

需求如下: 
1.模板页右边包含了一个登陆div,想让没登陆的时候这个div显示,登陆后该div隐藏 
2.显示一个欢迎用户的div,主要是想通过javascript来隐藏 

注意:模板页里是不能使用RegisterClientScriptBlock注册和执行javascrip的, 
所以javascript的注册和执行放在page页中来实现了 

Main.master模板页里的内容 

复制代码代码如下:


<!--登录小div--> 
<div class="loginDiv"> 
<div class="LoginDivTitle"> 
会员登录 
</div> 
<table class="loginTable"> 
<tr> 
<td class="LoginLabel">用户名:</td> 
<td><input type="text" class="loginTxt" id="txtUserName" /></td> 
</tr> 
<tr> 
<td class="LoginLabel">密码:</td> 
<td><input type="password" class="loginTxt" id="txtPass" /></td> 
</tr> 
<tr> 
<td class="LoginTdButtons" colspan="2"> 
<input src="../images/az-login-gold-3d.gif" type="image" id="btnLogin" /> 
<input src="../images/az-newuser-gold-3d.gif" type="image" id="btnReg" /> 
</td> 
</tr> 
</table> 
</div> 
<div class="loginOkDiv" style="display:none"> 
<span class="spanLoginOk" id="spanUserInfo"> 
尊敬的<%=serverUserName %>,欢迎你光临! 
</span> 
</div> 


<1>.在后台Main.master中的代码 

复制代码代码如下:


protected string serverUserName; 
protected void Page_Load(object sender, EventArgs e) 

if (!IsPostBack) 

Model.Users user = Session["currUser"] as Model.Users; 
if (user != null) 

serverUserName = user.Name; 



<2>MainPage主页面中后台代码,它是继承于模板页Main.master的 

复制代码代码如下:


public partial class MainPage : System.Web.UI.Page 

protected void Page_Load(object sender, EventArgs e) 

if (!IsPostBack) 

Model.Users user = Session["currUser"] as Model.Users; 
if (user != null) 

common.CommonCode.ExecuteScriptFunc(this,true); 

else 

common.CommonCode.ExecuteScriptFunc(this,false); 




<3>ExecuteScriptFunc封装代码 

复制代码代码如下:


public static void ExecuteScriptFunc(System.Web.UI.Page page, bool bShowUserInfo) 

string func = "function showUser(isLogin){\r\n\r\nif (isLogin) {\r\n" + 
"$(\".loginDiv\").hide();\r\n" + 
"$(\".loginOkDiv\").show();\r\n" + 
"}\r\n" + 
"else {\r\n" + 
"$(\".loginDiv\").show();\r\n" + 
"$(\".loginOkDiv\").hide();\r\n" + 
"}}"; 
string func1 = ""; 
if (bShowUserInfo) 

func1 = func + "\r\n" + 
"$(function(){\r\nshowUser(true)" + 
"});"; 

else 

func1 = func + "\r\n" + 
"$(function(){\r\nshowUser(false)" + 
"});"; 

page.ClientScript.RegisterStartupScript(page.GetType(), Guid.NewGuid().ToString(), 
func1, true); 
//page.ClientScript.RegisterStartupScript(page.GetType(), Guid.NewGuid().ToString(), 
// func1); 

延伸 · 阅读

精彩推荐