zoukankan      html  css  js  c++  java
  • .NET ------ 将弹窗内增加选项卡

    原来的图

     改变成:

    通过:

        
    <table width="99%" border="0" cellpadding="4" cellspacing="0" class="ttable_tr_line" style="margin-top: 8px">
    <tr>
    <td width="150px">
    <asp:Button ID="btnStu_XiangXi" runat="server" Text="详情信息" CssClass="ttmenu_over" Width="100%" CommandArgument="0" OnClick="btn_menu_Click" />
    </td>
    <td width="1px">&nbsp;</td>
    <td width="150px">
    <asp:Button ID="btnStu_ZiLiao" runat="server" Text="个人资料" CssClass="ttmenu_over" Width="100%" CommandArgument="1" OnClick="btn_menu_Click" />
    </td>
    <td width="1px">&nbsp;</td>
    <td width="150px">
    <asp:Button ID="btnStu_FuJian" runat="server" Text="附件备注" CssClass="ttmenu_over" Width="100%" CommandArgument="2" OnClick="btn_menu_Click" />
    </td>
    <td width="1px">&nbsp;</td>
    
    <td width="150px">
    <asp:Button ID="btnStu_BanJi" runat="server" Text="报名班级" CssClass="ttmenu_over" Width="100%" CommandArgument="3" OnClick="btn_menu_Click" />
    </td>
    <td>&nbsp;</td>
    
     <td width="150px">
    <asp:Button ID="btnStu_JiaoFei" runat="server" Text="缴费信息" CssClass="ttmenu_over" Width="100%" CommandArgument="4" OnClick="btn_menu_Click" />
    </td>
    <td>&nbsp;</td>
    </tr>
    
    </table>

    借助div 

     后端进行控制

      #region Menu
                {
    
                    btnStu_XiangXi.CssClass = "ttmenu";
                    btnStu_ZiLiao.CssClass = "ttmenu";
                    btnStu_FuJian.CssClass = "ttmenu";
                    btnStu_BanJi.CssClass = "ttmenu";
                    btnStu_JiaoFei.CssClass = "ttmenu";
    
                    divStu_XiangXi.Visible = false;
                    divStu_ZiLiao.Visible = false;
                    divStu_FuJian.Visible = false;
                    divStu_BanJi.Visible = false;
                    divStu_JiaoFei.Visible = false;
    
                    #region Tab
                    if (_iTabPage == 0)
                    {
                        btnStu_XiangXi.CssClass = "ttmenu_over";
                        divStu_XiangXi.Visible = true;
                    }
                    else if (_iTabPage == 1)
                    {
                        btnStu_ZiLiao.CssClass = "ttmenu_over";
                        divStu_ZiLiao.Visible = true;
                    }
                    else if (_iTabPage == 2)
                    {
                        btnStu_FuJian.CssClass = "ttmenu_over";
                        divStu_FuJian.Visible = true;
                    }
                    else if (_iTabPage == 3)
                    {
                        btnStu_BanJi.CssClass = "ttmenu_over";
                        divStu_BanJi.Visible = true;
                    }
                    else if (_iTabPage == 4)
                    {
                        btnStu_JiaoFei.CssClass = "ttmenu_over";
                        divStu_JiaoFei.Visible = true;
                    }
                    #endregion
    
                }
                #endregion

     btn_menu_Click  方法:

        #region 选项卡
        protected void btn_menu_Click(object sender, EventArgs e)
        {
            btnStu_XiangXi.CssClass = "ttmenu";
            btnStu_ZiLiao.CssClass = "ttmenu";
            btnStu_FuJian.CssClass = "ttmenu";
            btnStu_BanJi.CssClass = "ttmenu";
            btnStu_JiaoFei.CssClass = "ttmenu";
    
            divStu_XiangXi.Visible = false;
            divStu_ZiLiao.Visible = false;
            divStu_FuJian.Visible = false;
            divStu_BanJi.Visible = false;
            divStu_JiaoFei.Visible = false;
    
            this.WebMessageBox1.SetMessageClear();
    
            Button btn = (Button)sender;
            _iTabPage = Convert.ToInt32(btn.CommandArgument);
            if (_iTabPage == 0)
            {
                btnStu_XiangXi.CssClass = "ttmenu_over";
                divStu_XiangXi.Visible = true;
            }
            else if (_iTabPage == 1)
            {
                btnStu_ZiLiao.CssClass = "ttmenu_over";
                divStu_ZiLiao.Visible = true;
            }
            else if (_iTabPage == 2)
            {
                btnStu_FuJian.CssClass = "ttmenu_over";
                divStu_FuJian.Visible = true;
            }
            else if (_iTabPage == 3)
            {
                btnStu_BanJi.CssClass = "ttmenu_over";
                divStu_BanJi.Visible = true;
            }
            else if (_iTabPage == 4)
            {
                btnStu_JiaoFei.CssClass = "ttmenu_over";
                divStu_JiaoFei.Visible = true;
            }
        }
    
        #endregion

     tab

        private int _iTabPage//zx,sm,ybm,bm
        {
            get
            {
                if (ViewState["_iTabPage"] == null)
                {
                    return 0;
                }
                else
                {
                    return Convert.ToInt32(ViewState["_iTabPage"]);
                }
            }
            set
            {
                ViewState["_iTabPage"] = value;
            }
        }
  • 相关阅读:
    学习日记13、ajax同时提交from表单和多个参数
    学习日记12、list集合中根据某个字段进行去重复操作
    学习笔记11 EF查询相当于sql 中的 where in
    学习日记10、easyui编辑器combobox绑定数据的两种方式
    学习日记9、easyui控件两次请求服务器端问题
    学习日记8、根据身份证号获取生日和性别
    学习日记7、mvc +easyui datagrid excel上传
    学习日记6、easyui datagrid 新增一行,编辑行,结束编辑和删除行操作记录
    学习日记5、easyui datetimebox 和combobox设置默认值
    mac下设置redis开机自启
  • 原文地址:https://www.cnblogs.com/obge/p/13404623.html
Copyright © 2011-2022 走看看