提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  其他

当前栏目

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

模板代码 示例 隐藏 div
2023-06-13 09:15:04 时间
需求如下:
1.模板页右边包含了一个登陆div,想让没登陆的时候这个div显示，登陆后该div隐藏
2.显示一个欢迎用户的div,主要是想通过javascript来隐藏

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

Main.master模板页里的内容
复制代码代码如下:

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

<1>.在后台Main.master中的代码
复制代码代码如下:

protectedstringserverUserName;
protectedvoidPage_Load(objectsender,EventArgse)
{
if(!IsPostBack)
{
Model.Usersuser=Session["currUser"]asModel.Users;
if(user!=null)
{
serverUserName=user.Name;
}
}
}

<2>MainPage主页面中后台代码，它是继承于模板页Main.master的
复制代码代码如下:
publicpartialclassMainPage:System.Web.UI.Page
{
protectedvoidPage_Load(objectsender,EventArgse)
{
if(!IsPostBack)
{
Model.Usersuser=Session["currUser"]asModel.Users;
if(user!=null)
{
common.CommonCode.ExecuteScriptFunc(this,true);
}
else
{
common.CommonCode.ExecuteScriptFunc(this,false);
}
}
}
}

<3>ExecuteScriptFunc封装代码
复制代码代码如下:
publicstaticvoidExecuteScriptFunc(System.Web.UI.Pagepage,boolbShowUserInfo)
{
stringfunc="functionshowUser(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"+
"}}";
stringfunc1="";
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);
}

相关文章