Panel控件应用

090105

应用一:

前台:

  1. <%@ Page Language="C#" AutoEventWireup="true" CodeFile="selectAttribute.aspx.cs" Inherits="test_selectAttribute" %>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" >
  4. <head runat="server">
  5.     <title>通过下拉框,选择设置列名,属性,公式。</title>
  6.     <style type="text/css">
  7.         input{width:93px;text-align:center;}
  8.         .dis{display:none;}
  9.         .show{display:block;}
  10.     </style>
  11. </head>
  12. <body>
  13.     <form id="form1" runat="server">
  14.     <div>
  15.     <div style=" float:left;">
  16.         <div style="text-align: center;">
  17.             <asp:DropDownList ID="ddlN1" runat="server" AutoPostBack="True" OnSelectedIndexChanged="ddlN1_SelectedIndexChanged">
  18.                 <asp:ListItem Value="0">设置列名</asp:ListItem>
  19.                 <asp:ListItem Value="1">设置属性</asp:ListItem>
  20.                 <asp:ListItem Value="2">设置公式</asp:ListItem>
  21.             </asp:DropDownList>
  22.         </div>
  23.         <div style="text-align: center;">
  24.             <asp:Panel ID="pnlN1Name" runat="server" Height="30px" Width="100px">
  25.                 <asp:TextBox ID="tbN1Name" runat="server">列名</asp:TextBox>
  26.             </asp:Panel>
  27.             <asp:Panel ID="pnlN1Attribute" runat="server" Height="30px" Visible="false" Width="100px">
  28.                 <asp:TextBox ID="tbN1Attribute" runat="server">属性</asp:TextBox>
  29.             </asp:Panel>
  30.             <asp:Panel ID="pnlN1Expression" runat="server" Height="30px" Visible="false" Width="100px">
  31.                 <asp:TextBox ID="tbN1Expression" runat="server">公式</asp:TextBox>
  32.             </asp:Panel>
  33.         </div>
  34.     </div>
  35.     <div style="float:left;">
  36.         <div style="text-align:center;">
  37.             <asp:DropDownList ID="ddlN2" runat="server" AutoPostBack="True" OnSelectedIndexChanged="ddlN2_SelectedIndexChanged">
  38.                 <asp:ListItem Value="0">设置列名</asp:ListItem>
  39.                 <asp:ListItem Value="1">设置属性</asp:ListItem>
  40.                 <asp:ListItem Value="2">设置公式</asp:ListItem>
  41.             </asp:DropDownList>
  42.         </div>
  43.         <div style="text-align: center;">
  44.             <asp:Panel ID="pnlN2Name" runat="server" Height="30px" Width="100px">
  45.                 <asp:TextBox ID="tbN2Name" runat="server">列名</asp:TextBox>
  46.             </asp:Panel>
  47.             <asp:Panel ID="pnlN2Attribute" runat="server" Height="30px" Visible="false" Width="100px">
  48.                 <asp:TextBox ID="tbN2Attribute" runat="server">属性</asp:TextBox>
  49.             </asp:Panel>
  50.             <asp:Panel ID="pnlN2Expression" runat="server" Height="30px" Visible="false" Width="100px">
  51.                 <asp:TextBox ID="tbN2Expression" runat="server">公式</asp:TextBox>
  52.             </asp:Panel>
  53.         </div>
  54.     </div>
  55.     </div>
  56.     </form>
  57. </body>
  58. </html>

后台:

  1. using System;
  2. using System.Data;
  3. using System.Configuration;
  4. using System.Collections;
  5. using System.Web;
  6. using System.Web.Security;
  7. using System.Web.UI;
  8. using System.Web.UI.WebControls;
  9. using System.Web.UI.WebControls.WebParts;
  10. using System.Web.UI.HtmlControls;
  11. public partial class test_selectAttribute : System.Web.UI.Page
  12. {
  13.     protected void Page_Load(object sender, EventArgs e)
  14.     {
  15.     }
  16.     protected void ddlN1_SelectedIndexChanged(object sender, EventArgs e)
  17.     {
  18.         SetVisible("N1"this.ddlN1.SelectedValue);
  19.     }
  20.     protected void ddlN2_SelectedIndexChanged(object sender, EventArgs e)
  21.     {
  22.         SetVisible("N2"this.ddlN2.SelectedValue);
  23.     }
  24.     /// <summary>
  25.     /// 输入列号,和该列下拉框的选择项,决定Panel的显示。
  26.     /// </summary>
  27.     /// <param name="columnsName"></param>
  28.     /// <param name="selectNum"></param>
  29.     private void SetVisible(string columnsName, string selectNum)
  30.     {
  31.         Panel pnlName = (Panel)this.FindControl("pnl" + columnsName + "Name");
  32.         Panel pnlAttribute = (Panel)this.FindControl("pnl" + columnsName + "Attribute");
  33.         Panel pnlExpression = (Panel)this.FindControl("pnl" + columnsName + "Expression");
  34.         switch (selectNum)
  35.         {
  36.             case "0":
  37.                 pnlName.Visible = true;
  38.                 pnlAttribute.Visible = false;
  39.                 pnlExpression.Visible = false;
  40.                 break;
  41.             case "1":
  42.                 pnlName.Visible = false;
  43.                 pnlAttribute.Visible = true;
  44.                 pnlExpression.Visible = false;
  45.                 break;
  46.             case "2":
  47.                 pnlName.Visible = false;
  48.                 pnlAttribute.Visible = false;
  49.                 pnlExpression.Visible = true;
  50.                 break;
  51.         }
  52.     }
  53. }

end

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值