Como posso fazer um elemento personalizado no aspx que herde DropDownList
?
Gostaria que o elemento ficasse dessa forma quando eu chamá-lo:
<componente:DropPersonalizado runat="server" id=""></componente:DropPersonalizado>
Como posso fazer um elemento personalizado no aspx que herde DropDownList
?
Gostaria que o elemento ficasse dessa forma quando eu chamá-lo:
<componente:DropPersonalizado runat="server" id=""></componente:DropPersonalizado>
Crie um User Control da seguinte forma: Clique no seu projeto e adicione um novo item referente a imagem logo abaixo:
Após colocar o seu nome ele vai abrir um design
e um code
referente a esse UserControl
e você pode adicionar os elementos que tu precisar na construção de algo particular.
Criação:
Coloquei um Panel e um DropDownList dessa maneira:
<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="WUCDropDownList.ascx.cs" Inherits="WebApplication3.WUCDropDownList" %>
<asp:Panel ID="PanelDrop" runat="server">
<asp:DropDownList ID="DropDownList1" runat="server"></asp:DropDownList>
</asp:Panel>
Em seu código fiz alguns configurações por exemplo de tamanho, como demostrado no código abaixo:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace WebApplication3
{
public partial class WUCDropDownList : System.Web.UI.UserControl
{
public Unit Width
{
get
{
return DropDownList1.Width;
}
set
{
DropDownList1.Width = value;
PanelDrop.Width = value;
}
}
protected void Page_Load(object sender, EventArgs e)
{
}
}
}
Porque? Quando eu colocar esse componente na tela eu vou ter acesso publico a essa configuração e com isso posso mudar o tamanho que será renderizado na tela.
Abra a sua página em Modo Design (Exemplo: default.aspx) e arraste o componente criado no local desejado.
E nas suas propriedades vai aparecer aquele configuração de tamanho:
Obs: Qualquer propriedade, evento ou configuração deve ser implementado no Código
do User Control