今天就跟大家聊聊有關(guān)如何在子頁中隱藏模板頁中的div標(biāo)簽,可能很多人都不太了解,為了讓大家更加了解,小編給大家總結(jié)了以下內(nèi)容,希望大家根據(jù)這篇文章可以有所收獲。
需求如下:
1.模板頁右邊包含了一個登陸div,想讓沒登陸的時(shí)候這個div顯示,登陸后該div隱藏
2.顯示一個歡迎用戶的div,主要是想通過javascript來隱藏
注意:模板頁里是不能使用RegisterClientScriptBlock注冊和執(zhí)行javascrip的,
所以javascript的注冊和執(zhí)行放在page頁中來實(shí)現(xiàn)了
Main.master模板頁里的內(nèi)容
復(fù)制代碼 代碼如下:
用戶名: | |
密碼: | |
<1>.在后臺Main.master中的代碼
復(fù)制代碼 代碼如下:
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的
復(fù)制代碼 代碼如下:
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封裝代碼
復(fù)制代碼 代碼如下:
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);
}
看完上述內(nèi)容,你們對如何在子頁中隱藏模板頁中的div標(biāo)簽有進(jìn)一步的了解嗎?如果還想了解更多知識或者相關(guān)內(nèi)容,請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝大家的支持。