Como: Criar controle de servidor Web Templates Using the Designer
Os controles GridView, DetailsView, FormView, DataList e Repeater do servidor Web lhe permitem especificar modelos e definir a marcação e os controles do servidor que definem uma parte do controle.Por exemplo, no controle GridView, você pode definir modelos para itens, itens selecionados, itens alternados, e assim por diante, para que cada um desses elementos possa ter um aspecto personalizado.
Este tópico descreve como você pode usar o designer para criar modelos.Você pode criar modelos diretamente no Visual Web Developer.Para obter informações sobre a criação de modelo usando a sintaxe do ASP.NET, consulte Como: Criar modelos de controle da Web ASP.NET declarativamente.Para informações gerais sobre modelos, veja Modelos de controles servidores web ASP.NET
.gif "Observação") Observação: |
|---|
Sintaxe de vinculação de dados é colocado em um <textarea> Elemento HTML em um modelo será codificado se você edição o modelo usando o designer HTML. Por exemplo, se você editou o modelo usando o designer, <textarea id="TextArea1"><%# Eval("Description") %><textarea> seria automaticamente alterado para <textarea id="TextArea1"><%# Eval("Description") %><textarea>.Como alternativa, você pode processar um elemento HTML <textarea> vinculando um controle TextBox para o campo de dados e, em seguida, especificando que a propriedade TextMode do controle TextBox é MultiLine. |
Para criar um modelo no Visual Web Developer
No modo Design, arraste um controle GridView para a superfície de design.
A lista de tarefas do controle GridView será exibida ao lado para o novo controle GridView.
Na lista de tarefas, clique em Edit Template, e selecione o modelo que você deseja editar.
O Visual Web Developer exibe o controle no modo de edição de modelo.
No modelo, adicione o texto HTML e controles do servidor que você desejar.
No modelo, use um dos três métodos a seguir para editar os controles você que adicionou, assim como você editaria outros controles do servidor Web:
Selecione o controle, e depois use a janela Properties para definir suas propriedades.
Vincule os dados à propriedade utilizando a caixa de diálogo DataBinding.Para obter detalhes, consulte:Usando dados de ligação com controles móveis do ASP.NET.
Clique duas vezes num controle incorporado para criar um tratador de eventos ItemCommand para o controle-contêiner.Eventos assinalados pelos controles incorporado são enviados para o contêiner.Para obter detalhes, consulte:Modelo de Eventos de Controle do Servidor Web ASP.NET.
Repita as etapas 1 a 3 para editar outros modelos.
Para concluir, clique em End Template Editing na lista de tarefas.
Defina a aparência dos modelos individuais definindo suas propriedades de estilo.Para obter detalhes, consulte:Controle de Servidor Web do ASP.NET e Estilos CSS.
Consulte também
Conceitos
Modelos de controles servidores web ASP.NET