WebForm 控件，webform控件

WebForm 控件，webform控件

簡單控件

文本類：

Label——顯示文字

邊框

要設置：1.邊框顏色2.邊框樣式3.邊框粗細

屬性：BackColor

BorderColor/BorderStyle/BorderWidth  ——設置邊框

Literal ——作用也是顯示文字，編譯後不會形成任何元素

一般被用來輸出JS代碼

TextBox:文字輸入框

屬性：TextMode——MultLine 多行 （文本域）被編譯後是Textarea

                            Password單行密碼框

                            singleline 單行文本框

wrap——自動換行

enable ——是否可用   

readonly——只讀

maxlength最大長度，用來限制用戶輸入字符數

按鈕類：

button按鈕，被編譯後為submit

<input type="submit" name="Button1" value="Button" id="Button1" />

OnclientClick:在服務端上的點擊事件，編譯為click

confirm  ——驗證判斷

ImageButton——圖片按鈕

ImageUrl屬性指定image圖片地址

LinkButton——超鏈接

Hyperlink——超鏈接樣式按鈕

------------------------------------------------------

登陸：

webform的數據庫連接方式——沒有命名空間

類要添加到App_Code中

委托：

加載事件中：

Button1.Click += Button1_Click;

void Button1_Click(object sender, EventArgs e)
    {
        string Uname = TextBox1.Text;
        string Pwd = TextBox2.Text;
        bool isok = new UserDA().Select(Uname,Pwd);
        if (isok)
            Literal1.Text = "<script>alert('登陸成功')</script>";
        else
            Literal1.Text = "<script>alert('登陸失敗')</script>";
    }

數據訪問類：

public class UserDA
{
    SqlConnection conn = null;
    SqlCommand cmd = null;
    public UserDA()
    {
        conn = new SqlConnection("server=.;database=Data0617;user=sa;pwd=123");
        cmd = conn.CreateCommand();
    }
   /// <summary>
   /// 用戶驗證
   /// </summary>
   /// <param name="Username">驗證用戶名</param>
   /// <param name="Pwd">驗證密碼</param>
   /// <returns></returns>
    public bool Select(string Username, string Pwd)
    {
        bool has = false;
        cmd.CommandText = "select * from Users where Username=@user and Password=@pwd";
        cmd.Parameters.Clear();
        cmd.Parameters.AddWithValue("@user", Username);
        cmd.Parameters.AddWithValue("@pwd", Pwd);
        conn.Open();
        SqlDataReader dr = cmd.ExecuteReader();
        if (dr.HasRows)
        {
            has = true;
        }
        conn.Close();
        return has;
    }

——————————————————————————————————————————

復合控件:

name:是給服務端用的

Id：是給客戶端用的

DropDownList——編譯成Select  option
一、將數據放進去

<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>

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
//第一種綁定方式：
        //DropDownList1.DataSource = new NationData().Select();//數據源指向
        //DropDownList1.DataTextField = "NationName";//顯示字段綁定
        //DropDownList1.DataValueField = "NationCode";//隱藏字段綁定
        //DropDownList1.DataBind();

//第二種綁定方式：        
if (!IsPostBack)
        {
            List<Nation> Nlist = new NationData().Select();

            foreach (Nation n in Nlist)
            {
                ListItem li = new ListItem(n.NationName, n.NationCode);
                if (li.Value == "N003")
                {
                    li.Selected = true;
                }
                RadioButtonList1.Items.Add(li);
            }
        }

        Button1.Click += Button1_Click;//按鈕1點擊事件


    }

    void Button1_Click(object sender, EventArgs e)
    {
        string end = "";

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

        Label1.Text = end;
    }
}

ListBox

可以多選 - SelectionMode

RadioButtonList

CheckBoxList

RepeatDirection="Horizontal"  橫向排列，  Vertical  縱向排列

RepeatColumns="3"  一行排3個

RepeatLayout="UnorderedList  無序

RepeatLayout="OrderedList  有序

RepeatLayout="Flow"  流式布局， 編譯後的是 span