Asp.net 随记

最新推荐文章于 2024-11-07 09:11:54 发布

weixin_30613727

最新推荐文章于 2024-11-07 09:11:54 发布

阅读量73

点赞数

文章标签： ui xhtml

原文链接：http://www.cnblogs.com/panpan-tostring/p/4641368.html

版权

1 sender 指的是触发事件的控件

example:

Button btn=(Button)sender;

btn.Content="你点我了！";

//button2.Content="你点我了";

法一能让两个个按钮出现事件的反应，而法二只能让一个出现

2 常用控件的通用属性

！Visibility控件是否可见：枚举类型：Visible表示可见，Collapsed表示不可见

@IsEnabled:控件是否可用：bool类型；

#Background背景色；

$FontSize字体大小

3Textbox的属性：

1 IsReadOnly="true";只读

2TextWrapping="Wrap";可多行输入

3MaxLength="5";限制输入长度

4 基本控件及其运用代码

1 控件的ID应该遵循良好的命名规范，以便维护

2 超链接控件（HeperLink）

代码如下：

<asp:HyperLink ID="HyperLink1" runat="server" ImageUrl=http://www.shangducms.com/images/cms.jpg //ImageUrl Navlgate 属性

NavigateUrl="http://shangducms.com">

HyperLink</asp:HyperLink>

3 DropDownList控件

代码如下：

</head>

<body>

<div>

<asp:DropDownList ID="DropDownList1" runat="server" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged">

</asp:DropDownList>

</div>

</form>

</body>

</html>

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

public partial class kongjiandama : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

bind();

}

protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)

{

}

private void bind()

{

ListItem li = new ListItem();

li.Text = "qq";

li.Value = "qq";

li.Enabled = true;

DropDownList1.Items.Add(li);

ListItem l2=new ListItem();

l2.Text="sohu";

l2.Value="sohu";

li.Enabled=true;

DropDownList1.Items.Add(l2);

}

}方法一

</head>

<body>

<div>

<asp:DropDownList ID="DropDownList1" runat="server" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged">

<asp:ListItem Value="qq" Text="qq" Enabled="true"></asp:ListItem>

<asp:ListItem Value="sohu" Text="sohu" Enabled="true"></asp:ListItem>

</asp:DropDownList>

</div>

</form>

</body>

</html>

方法二

可是使用DropDownList控件实现当用户选择不同的值的时候实现超链接怎么办？？？？？？

4 图像控件（image）

Alternate Text:备用文本

Image Align：图像对齐

ImageUrl:显示图像URl //Image 不支持事件

代码如下：

<asp:Image ID="Image1" runat="server"

AlternateText="图片连接无效" ImageAlign="Left" ImageUrl="~/kongjiandama.aspx"/>

5 文本框控件（TextBox）

1 AutoPostBack（自动回传）属性

2 EnableViewState（控件状态）属性

3 MaxLength(限制字符串长度)

4 ReadOnly(只读)

5 TextMode(单行，多行，密文)

6 按钮控件（Button,LinkButton,ImageButton）

7单选组控件

</head>

<body>

<div>

<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>

</div>

<asp:RadioButton ID="RadioButton1" runat="server" GroupName="choose"

Text="Choose1" OnCheckedChanged="RadioButton1_CheckedChanged" AutoPostBack="true" />

<asp:RadioButton ID="RadioButton2" runat="server" GroupName="choose"

Text="Choose1" OnCheckedChanged="RadioButton1_CheckedChanged" AutoPostBack="true"/>

</form>

</body>

</html>

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

public partial class _520 : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

}

protected void RadioButton2_CheckedChanged1(object sender, EventArgs e)

{

Label1.Text = "第二个被选中";

}

protected void RadioButton1_CheckedChanged(object sender, EventArgs e)

{

Label1.Text = "第一个被选中";

}

8 DropDownList 列表控件

</head>

<body>

<div>

<asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="true" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged">

<asp:ListItem>1</asp:ListItem>

<asp:ListItem>2</asp:ListItem>

<asp:ListItem>3</asp:ListItem>

<asp:ListItem>4</asp:ListItem>

<asp:ListItem>5</asp:ListItem>

<asp:ListItem>6</asp:ListItem>

<asp:ListItem>7</asp:ListItem>

</asp:DropDownList>

</div>

<asp:Label ID="Label1" runat="server" Text="Label" ></asp:Label>

</form>

</body>

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)

{

}

protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)

{

Label1.Text="你选择了第"+DropDownList1.Text+"项";

}

9 ListBox 列表控件

<body>

<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>

<br />

<asp:ListBox ID="ListBox1" runat="server" AutoPostBack="True" OnSelectedIndexChanged="ListBox1_SelectedIndexChanged" SelectionMode="Multiple">

<asp:ListItem>1</asp:ListItem>

<asp:ListItem>2</asp:ListItem>

<asp:ListItem>3</asp:ListItem>

<asp:ListItem>4</asp:ListItem>

</asp:ListBox>

</form>

</body>

protected void ListBox1_SelectedIndexChanged(object sender, EventArgs e)

{

Label1.Text = "你选择了第" + ListBox1.Text+"项";

}

如果需要实现让用户选择多个 L istBox

项，只需要设置 Select ionMod e 属性为“Mu lt ip le”即可

10BulletedList 列表控件

<body>

<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>

<asp:BulletedList ID="BulletedList1" runat="server" OnClick="BulletedList1_Click">

<asp:ListItem>1</asp:ListItem>

<asp:ListItem>2</asp:ListItem>

<asp:ListItem>3</asp:ListItem>

<asp:ListItem>4</asp:ListItem>

</asp:BulletedList>

</form>

</body>

protected void BulletedList1_Click(object sender, BulletedListEventArgs e)

{

Label1.Text = "你选择了第" + BulletedList1.Text + "项";

}

11 日历控件（Calendar）

<body>

<asp:Calendar ID="Calendar1" runat="server" BackColor="White" BorderColor="#999999" CellPadding="4" DayNameFormat="Shortest" Font-Names="Verdana" Font-Size="8pt" ForeColor="Black" Height="180px" OnSelectionChanged="Calendar1_SelectionChanged" Width="200px">

</asp:Calendar>

<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>

</form>

</body>

protected void Calendar1_SelectionChanged(object sender, EventArgs e)

{

Label1.Text=

"现在的时间是："+Calendar1.SelectedDate.Year.ToString()+"年"

+Calendar1.SelectedDate.Month.ToString()+"月"

+Calendar1.SelectedDate.Day.ToString()+"号"

+Calendar1.SelectedDate.Hour.ToString()+"点";

}

12 表单验证控件（RequiredFieldValidator）

<body>

姓名：<asp:TextBox ID="TextBox1" runat="server" OnTextChanged="TextBox1_TextChanged"></asp:TextBox>

<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate=" TextBox1" ErrorMessage="必填字段不能为空">

</asp:RequiredFieldValidator>

<br/>

密码：

<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>

<br />

<asp:Button ID="Button1" runat="server" Text="Button" />

<br />

</form>

</body>

13 比较验证控件（CompareValidator）

<body>

<div>

请输入生日:

<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

<br />

毕业日期:

<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>

<asp:CompareValidator ID="CompareValidator1" runat="server"

ControlToCompare="TextBox2" ControlToValidate="TextBox1"

CultureInvariantValues="True" ErrorMessage="输入格式错误！请改正！"

Operator="GreaterThan"

Type="Date">

</asp:CompareValidator>

<br />

<asp:Button ID="Button1" runat="server" Text="Button" />

<br />

</div>

</form>

</body>

14 范围验证控件（RangeValidator）

<html>

<head>

</head>

<body>

请输入生日:<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

<asp:RangeValidator ID="RangeValidator1" runat="server"

ControlToValidate="TextBox1" ErrorMessage="超出规定范围，请重新填写"

MaximumValue="2009/1/1" MinimumValue="1990/1/1" Type="Date">

</asp:RangeValidator>

<br />

<asp:Button ID="Button1" runat="server" Text="Button" />

</body>

</html>

15 验证组控件（ValidationSummary）

<body>

姓名:

<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server"

ControlToValidate="TextBox1" ErrorMessage="姓名为必填项">

</asp:RequiredFieldValidator>

<br />

身份证:

<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>

<asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server"

ControlToValidate="TextBox1" ErrorMessage="身份证号码错误"

ValidationExpression="\d{17}[\d|X]|\d{15}"></asp:RegularExpressionValidator>

<br />

<asp:Button ID="Button1" runat="server" Text="Button" />

<asp:ValidationSummary ID="ValidationSummary1" runat="server" />

</form>

</body>

16 导航控件

<html>

<head>

</head>

<body>

<asp:Menu ID="Menu1" runat="server">

<Items>