本文介绍如何在ASP.NET中使用UserControl，并通过属性和事件实现子控件的状态控制及事件传递。演示了当UserControl内的DataList发生selectedIndex更改事件时，如何在外部页面捕获这一事件。
使用user control的好处自不必说。
但是作为一个控件，虽然实际上其中可能包含很多控件(asp.net服务端控件)，但是一旦在页面中注册使用，它就表现为一个独立的控件，也就是说在编辑阶段，其包含的控件我们是访问不到的，或者说不能对其包含的控件进行控制.
这个时候，就要通过为控件添加属性和事件来提供对外的接口，使得我们可以间接的控制其“子控件”:用属性来控制其子控件的状态，而我们可以在外部访问并改变属性值，从而达到间接控制子控件的目的;当然如果子控件发生了什么事件，我们要想知道，就可以通过public event来获得.
此Demo演示了，user control中datalist发生了selectedindex事件，而我们在page中想利用这个事件，那么就可以这样做:
usercontrol: uc1.ascx
<%
@ Control Language="C#" AutoEventWireup="true" CodeFile="uc1.ascx.cs" Inherits="uc1" %>
<asp:DataList ID="dlshow" runat="server" RepeatDirection ="Horizontal" OnSelectedIndexChanged="dlshow_SelectedIndexChanged">
<ItemTemplate >
<asp:LinkButton ID="linkbtn" runat="server" CommandName="Select"
Text='<%#Container.DataItem %>'>
</asp:LinkButton>
</ItemTemplate>
</asp:DataList>
CS:
using System.Collections.Generic;
public partial class uc1 : System.Web.UI.UserControl
{
public event EventHandler TabClick;
private int index;
public int Index
{
get { return index; }
set { index = value; }
}
protected void Page_Load(object sender, EventArgs e)
{
List<string> list = new List<string>();
list.Add("tab1");
list.Add("tab2");
list.Add("tab3");
list.Add("tab4");
dlshow.DataSource = list;
dlshow.DataBind();
dlshow.SelectedIndex = 0;
}
protected void dlshow_SelectedIndexChanged(object sender, EventArgs e)
{
Label lbl=this.Parent.FindControl("lblshow") as Label;
lbl.Text = "Access Parent Page Control";
index = dlshow.SelectedIndex;
TabClick(this, null);
}
}
page:showuc.aspx:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ShowUc.aspx.cs" Inherits="ShowUc" %>
<%@ Register TagPrefix ="my" TagName ="tab" Src ="~/uc1.ascx" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>未命名頁面</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<my:tab ID="Mytab" runat="server" OnTabClick="Mytab_TabClick" />
<br />
<asp:Label ID="lblshow" runat="server" Text="Label"></asp:Label>
</div>
</form>
</body>
</html>
CS:
public partial class ShowUc : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void Mytab_TabClick(object sender, EventArgs e)
{
int index = Mytab.Index;
Response.Write("You selected the index"+index);
}
}
但是作为一个控件，虽然实际上其中可能包含很多控件(asp.net服务端控件)，但是一旦在页面中注册使用，它就表现为一个独立的控件，也就是说在编辑阶段，其包含的控件我们是访问不到的，或者说不能对其包含的控件进行控制.
这个时候，就要通过为控件添加属性和事件来提供对外的接口，使得我们可以间接的控制其“子控件”:用属性来控制其子控件的状态，而我们可以在外部访问并改变属性值，从而达到间接控制子控件的目的;当然如果子控件发生了什么事件，我们要想知道，就可以通过public event来获得.
此Demo演示了，user control中datalist发生了selectedindex事件，而我们在page中想利用这个事件，那么就可以这样做:
usercontrol: uc1.ascx
<%@ Control Language="C#" AutoEventWireup="true" CodeFile="uc1.ascx.cs" Inherits="uc1" %><asp:DataList ID="dlshow" runat="server" RepeatDirection ="Horizontal" OnSelectedIndexChanged="dlshow_SelectedIndexChanged"> <ItemTemplate > <asp:LinkButton ID="linkbtn" runat="server" CommandName="Select" Text='<%#Container.DataItem %>'> </asp:LinkButton> </ItemTemplate></asp:DataList>using System.Collections.Generic;public partial class uc1 : System.Web.UI.UserControl{ public event EventHandler TabClick; private int index; public int Index { get { return index; } set { index = value; } } protected void Page_Load(object sender, EventArgs e) { List<string> list = new List<string>(); list.Add("tab1"); list.Add("tab2"); list.Add("tab3"); list.Add("tab4"); dlshow.DataSource = list; dlshow.DataBind(); dlshow.SelectedIndex = 0; } protected void dlshow_SelectedIndexChanged(object sender, EventArgs e) { Label lbl=this.Parent.FindControl("lblshow") as Label; lbl.Text = "Access Parent Page Control"; index = dlshow.SelectedIndex; TabClick(this, null); }}<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ShowUc.aspx.cs" Inherits="ShowUc" %><%@ Register TagPrefix ="my" TagName ="tab" Src ="~/uc1.ascx" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" ><head runat="server"> <title>未命名頁面</title></head><body> <form id="form1" runat="server"> <div> <my:tab ID="Mytab" runat="server" OnTabClick="Mytab_TabClick" /> <br /> <asp:Label ID="lblshow" runat="server" Text="Label"></asp:Label> </div> </form></body></html>public partial class ShowUc : System.Web.UI.Page{ protected void Page_Load(object sender, EventArgs e) { } protected void Mytab_TabClick(object sender, EventArgs e) { int index = Mytab.Index; Response.Write("You selected the index"+index); }}
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
