• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    在子页中隐藏模板页中的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);
    }
    上一篇:ASP.NET中相对路径的使用总结
    下一篇:ASP.NET MVC 从IHttp到页面输出的实例代码
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

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