您现在的位置是:网站首页> 编程资料编程资料
在子页中隐藏模板页中的div示例代码_实用技巧_
2023-05-24
297人已围观
简介 在子页中隐藏模板页中的div示例代码_实用技巧_
需求如下:
1.模板页右边包含了一个登陆div,想让没登陆的时候这个div显示,登陆后该div隐藏
2.显示一个欢迎用户的div,主要是想通过javascript来隐藏
注意:模板页里是不能使用RegisterClientScriptBlock注册和执行javascrip的,
所以javascript的注册和执行放在page页中来实现了
Main.master模板页里的内容
会员登录
<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);
}
1.模板页右边包含了一个登陆div,想让没登陆的时候这个div显示,登陆后该div隐藏
2.显示一个欢迎用户的div,主要是想通过javascript来隐藏
注意:模板页里是不能使用RegisterClientScriptBlock注册和执行javascrip的,
所以javascript的注册和执行放在page页中来实现了
Main.master模板页里的内容
复制代码 代码如下:
会员登录
| 用户名: | |
| 密码: | |
<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);
}
相关内容
- ASP.NET中相对路径的使用总结_实用技巧_
- .net SMTP发送Email邮件且可带附件示例_实用技巧_
- js实现网页防止被iframe框架嵌套及几种location.href的区别_实用技巧_
- repeater做删除前弹窗询问实例_实用技巧_
- ASP.NET中TextBox使用Ajax控件显示日期不全的问题解决方法_实用技巧_
- asp.net TreeView与XML三步生成列表树_基础应用_
- 实例讲解动态加载gridview中的行及其样式_实用技巧_
- 在后台cs中调用js中示例_实用技巧_
- .net读取Rss转换为DataTable_实用技巧_
- 浅析常用分词算法的比较与设想_实用技巧_
