[英]Trying to make a Custom ASP.NET control
我正在尝试在WebForms中创建第一个自定义控件。
我像这样定义我的类:(DeviceRow.ascx.cs)
public partial class DeviceRow : System.Web.UI.WebControls.Panel
{
protected void Page_Load(object sender, EventArgs e)
{
this.BorderStyle = System.Web.UI.WebControls.BorderStyle.Solid;
}
}
我这样标记它:(DeviceRow.ascx)
<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="DeviceRow.ascx.cs" Inherits="VMS_Calc.DeviceRow" %>
<asp:Button ID="Button1" runat="server" Text="X" Width="28px" />
<asp:DropDownList ID="ddl_Type" runat="server"></asp:DropDownList>
<asp:DropDownList ID="ddl_Mfg" runat="server"></asp:DropDownList>
<asp:TextBox ID="tb_FPS" runat="server" Width="40px">15</asp:TextBox>
我正在尝试像这样使用它:(Default.aspx)
<asp:Content runat="server" ID="BodyContent" ContentPlaceHolderID="MainContent">
<section style="vertical-align: middle">
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<vmsc:DeviceRow ID="DeviceRow11" runat="server"> </vmsc:DeviceRow>
<br />
<br />
<asp:Button ID="Button1" runat="server"
Text="Click Me" OnClick="Button1_Click" />
</ContentTemplate>
</asp:UpdatePanel>
</section>
</asp:Content>
“单击我”按钮出现在页面上,但我的DeviceRow面板没有。 (没有错误)
我错过了什么?
要使用控件,就像您提到的那样,
请更改以下行
public partial class DeviceRow : System.Web.UI.WebControls.Panel
至
public partial class DeviceRow : System.Web.UI.UserControl
创建用户控件时,您有责任创建该控件的属性并维护其状态。 在这里,您需要控件的BorderStyle属性。 我会这样:
DeviceRow.ascx
<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="DeviceRow.ascx.cs" Inherits="VMS_Calc.DeviceRow" %>
<asp:Panel ID="pnlContainer" runat="server" >
<asp:Button ID="Button1" runat="server" Text="X" Width="28px" />
<asp:DropDownList ID="ddl_Type" runat="server"></asp:DropDownList>
<asp:DropDownList ID="ddl_Mfg" runat="server"></asp:DropDownList>
<asp:TextBox ID="tb_FPS" runat="server" Width="40px">15</asp:TextBox>
</asp:Panel>
DeviceRow.ascx.cs
using System;
using System.Web.UI.WebControls;
namespace VMS_Calc
{
public partial class DeviceRow : System.Web.UI.UserControl
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void Page_PreLoad(object sender, EventArgs e)
{
pnlContainer.BorderStyle = this.BorderStyle;
}
public BorderStyle BorderStyle
{
get {
if (ViewState["MyBorderStyle"] != null)
{
return(BorderStyle)ViewState["MyBorderStyle"];
}
return System.Web.UI.WebControls.BorderStyle.None;
}
set
{
ViewState["MyBorderStyle"] = value;
pnlContainer.BorderStyle = value;
}
}
}
}
当我添加用户控件时,它的BorderStyle属性在标记以及代码中都可用:
<asp:Content runat="server" ID="BodyContent" ContentPlaceHolderID="MainContent">
<section style="vertical-align: middle">
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<vmsc:DeviceRow ID="DeviceRow11" BorderStyle="Solid" runat="server"> </vmsc:DeviceRow>
<br />
<br />
<asp:Button ID="Button1" runat="server"
Text="Click Me" OnClick="Button1_Click" />
</ContentTemplate>
</asp:UpdatePanel>
</section>
</asp:Content>
protected void Button1_Click(object sender, EventArgs e)
{
DeviceRow11.BorderStyle = BorderStyle.None;
}
您应该继续使用不同的属性,甚至查看如何管理用户控件的事件。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.