复合控件

复合控件

1、控件：DropDownlist    下拉列表，编译成Select  option

<select name="DropDownList1" id="DropDownList1">

name:是给服务端用的 C#后台代码，Id：是给客户端用的   Js css

 

 .aspx界面：
<form id="form1" runat="server">
    <div>

        <asp:DropDownList ID="DropDownList1" runat="server">
            
        </asp:DropDownList>
        <asp:Button ID="Button1" runat="server" Text="按钮1" />
        <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>

    </div>
    </form>

设计 界面是：

 

类：
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Data.SqlClient;

/// <summary>
/// nationDA 的摘要说明
/// </summary>
public class nationDA
{
    SqlConnection conn = null;
    SqlCommand cmd = null;
    public nationDA()
    {
        conn = new SqlConnection("server=.;database=Data0617;user=sa;pwd=100867");
        cmd = conn.CreateCommand();
    }
    /// <summary>
    /// 返回全部Nation表中数据集合
    /// </summary>
    /// <returns></returns>
    public List<Nation> Select()
    {
        List<Nation> list = new List<Nation>();
        cmd.CommandText = "select * from Nation";
        conn.Open();
        SqlDataReader dr = cmd.ExecuteReader() ;
        if (dr.HasRows)
        {
            while (dr.Read())
            {
                Nation da = new Nation();
                da.NationCode=dr["NationCode"].ToString();
                da.NationName=dr["NationName"].ToString();
                list.Add(da);
            }
        }
        conn.Close();
        return list;
    }
}

 

 

.cs界面：
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class fuhekongjian : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        //页面加载的时候 绑上数据
        //两个步骤：1、将数据放进去（有两种方法） 2、将数据取出
//方法一DropDownList1.DataSource = new nationDA().Select();//数据源指向
        //DropDownList1.DataTextField = "NationName";//显示字段绑定
        //DropDownList1.DataValueField = "NationCode";//隐藏字段绑定
        //DropDownList1.DataBind();//将数据源绑定到被调用的服务器控件及其所有子控件

//方法二
        if (!IsPostBack)//获取一个值，该值指示页是第一次呈现还是为了响应回发而加载
        {load事件中95%的代码都要写在这里面

           http协议无状态性：
           每一次事件提交，都会将页面刷新，刷新就必走Load事件，重复绑定的情况

          判断页面是第一次加载，还是由已经加载出来的页面中的某个按钮执行了提交返回回来的

            List<Nation> list = new nationDA().Select();
            foreach (Nation da in list)
            {
                ListItem li = new ListItem( da.NationName,da.NationCode);
              if (li.Value == "N003")//  第二种方式可以让其默认是什么什么
              {
                     li.Selected = true;
              }
  
                DropDownList1.Items.Add(li);
            }
        }
        Button1.Click += Button1_Click;  //Tab  委托    

  
    }

    void Button1_Click(object sender, EventArgs e)
    {
        //数据取出 DropDownList是只读一条数据    ListBox 可读取多条数据 string end = ""; 

foreach (ListItem li in DropDownList1.Items) 
{ 
  if (li.Selected)
   {
     end += li.Text + " - " + li.Value + ","; 
   } 
}
 Label1.Text = end;
 } 
}

 

 

 

2、控件ListBox

 属性：Selectionmode---设置为Multiple  可多选

其他的代码 和  DropDownList一样的，就多了 多选

 

3、控件CheckBoxList

RepeatDirection="Horizontal"  横向排列，  Vertical  纵向排列

RepeatColumns="3"  一行排3个

RepeatLayout="UnorderedList  无序

RepeatLayout="OrderedList  有序

RepeatLayout="Flow"  流式布局， 编译后的是 span

 

4、控件RadioButtonList

 

和  控件CheckBoxList   一样