Compartilhar via


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

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">&lt;%# Eval("Description") %&gt;<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

  1. 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.

  2. 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.

  3. No modelo, adicione o texto HTML e controles do servidor que você desejar.

  4. 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:

  5. Repita as etapas 1 a 3 para editar outros modelos.

  6. Para concluir, clique em End Template Editing na lista de tarefas.

  7. 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

Visão geral sobre controles do servidor da Web do ASP.NET

Controle de Servidor Web do ASP.NET e Estilos CSS