Uso de TemplateFields no controle GridView (VB)

por Scott Mitchell

Baixar PDF

Para fornecer flexibilidade, o GridView oferece o TemplateField, que é renderizado usando um modelo. Um modelo pode incluir uma combinação de HTML estático, controles Web e sintaxe de associação de dados. Neste tutorial, examinaremos como usar o TemplateField para obter um maior grau de personalização com o controle GridView.

Introdução

O GridView é composto por um conjunto de campos que indicam quais propriedades do DataSource devem ser incluídas na saída renderizada, juntamente com como os dados serão exibidos. O tipo de campo mais simples é o BoundField, que exibe um valor de dados como texto. Outros tipos de campo exibem os dados usando elementos HTML alternativos. O CheckBoxField, por exemplo, é renderizado como uma caixa de seleção cujo estado verificado depende do valor de um campo de dados especificado; o ImageField renderiza uma imagem cuja fonte de imagem é baseada em um campo de dados especificado. Hiperlinks e botões cujo estado depende de um valor de campo de dados subjacente podem ser renderizados usando os tipos de campo HyperLinkField e ButtonField.

Embora os tipos de campo CheckBoxField, ImageField, HyperLinkField e ButtonField permitam uma exibição alternativa dos dados, eles ainda são bastante limitados em relação à formatação. Um CheckBoxField só pode exibir uma única caixa de seleção, enquanto um ImageField só pode exibir uma única imagem. E se um campo específico precisar exibir algum texto, uma caixa de seleção e uma imagem, tudo com base em valores de campo de dados diferentes? Ou e se quiséssemos exibir os dados usando um controle da Web diferente de CheckBox, Image, HyperLink ou Button? Além disso, o BoundField limita sua exibição a um único campo de dados. E se quiséssemos mostrar dois ou mais valores de campo de dados em uma única coluna GridView?

Para acomodar esse nível de flexibilidade, o GridView oferece o TemplateField, que é renderizado usando um modelo. Um modelo pode incluir uma combinação de HTML estático, controles Web e sintaxe de associação de dados. Além disso, o TemplateField tem uma variedade de modelos que podem ser usados para personalizar a renderização para situações diferentes. Por exemplo, o ItemTemplate é usado por padrão para renderizar a célula para cada linha, mas o EditItemTemplate modelo pode ser usado para personalizar a interface ao editar dados.

Neste tutorial, examinaremos como usar o TemplateField para obter um maior grau de personalização com o controle GridView. No tutorial anterior, vimos como personalizar a formatação com base nos dados subjacentes usando os manipuladores de eventos DataBound e RowDataBound. Outra maneira de personalizar a formatação com base nos dados subjacentes é chamando métodos de formatação de dentro de um modelo. Examinaremos essa técnica neste tutorial também.

Para este tutorial, usaremos TemplateFields para personalizar a aparência de uma lista de funcionários. Especificamente, listaremos todos os funcionários, mas exibiremos os primeiros e sobrenomes do funcionário em uma coluna, a data de contratação em um controle Calendário e uma coluna de status que indica quantos dias eles foram empregados na empresa.

Figura 1: Três TemplateFields são usados para personalizar a exibição (clique para exibir a imagem em tamanho real)

Etapa 1: Associar os dados ao GridView

Em cenários de relatório em que você precisa usar TemplateFields para personalizar a aparência, acho mais fácil começar criando um controle GridView que contém apenas BoundFields primeiro e, em seguida, para adicionar novos TemplateFields ou converter os BoundFields existentes em TemplateFields, conforme necessário. Portanto, vamos iniciar este tutorial adicionando um GridView à página por meio do Designer e associando-o a um ObjectDataSource que retorna a lista de funcionários. Essas etapas criarão um GridView com BoundFields para cada um dos campos do funcionário.

Abra a página GridViewTemplateField.aspx e arraste um GridView da Caixa de Ferramentas para o Designer. No smart tag do GridView, escolha adicionar um novo controle ObjectDataSource que invoca o método da classe EmployeesBLLGetEmployees().

Figura 2: Adicionar um novo controle ObjectDataSource que invoca o GetEmployees() método (clique para exibir a imagem em tamanho real)

Associar o GridView dessa maneira adicionará automaticamente um BoundField para cada uma das propriedades do funcionário: EmployeeID, LastName, FirstName, Title, HireDate, ReportsTo e Country. Para este relatório, não vamos nos preocupar em exibir as propriedades ou EmployeeID as ReportsToCountrypropriedades. Para remover estes BoundFields, você pode:

• Use a caixa de diálogo Campos clique no link Editar Colunas da marca inteligente do GridView para abrir essa caixa de diálogo. Em seguida, selecione BoundFields na lista inferior esquerda e clique no botão X vermelho para remover o BoundField.
• Edite a sintaxe declarativa do GridView manualmente do modo de exibição Origem, exclua o <asp:BoundField> elemento para o BoundField que você deseja remover.

Depois de remover os BoundFields EmployeeID, ReportsTo e Country, a marcação do GridView deverá ficar semelhante a:

<asp:GridView ID="GridView1" runat="server"
    AutoGenerateColumns="False" DataKeyNames="EmployeeID"
    DataSourceID="ObjectDataSource1">
    <Columns>
        <asp:BoundField DataField="LastName" HeaderText="LastName"
          SortExpression="LastName" />
        <asp:BoundField DataField="FirstName" HeaderText="FirstName"
          SortExpression="FirstName" />
        <asp:BoundField DataField="Title" HeaderText="Title"
          SortExpression="Title" />
        <asp:BoundField DataField="HireDate" HeaderText="HireDate"
          SortExpression="HireDate" />
    </Columns>
</asp:GridView>

Reserve um momento para ver nosso progresso em um navegador. Neste ponto, você deverá ver uma tabela com um registro para cada funcionário e quatro colunas: uma para o sobrenome do funcionário, uma para seu nome, uma para o título e outra para a data de contratação.

Figura 3: Os campos LastName, FirstName, Title e HireDate são exibidos para cada funcionário (clique para exibir a imagem em tamanho real)

Etapa 2: Exibindo os nomes primeiro e sobrenome em uma única coluna

Atualmente, os primeiros e sobrenomes de cada funcionário são exibidos em uma coluna separada. Pode ser bom combiná-los em uma única coluna. Para fazer isso, precisamos usar um TemplateField. Podemos adicionar um novo TemplateField, adicionar a ele a sintaxe de marcação e associação de dados necessárias e, em seguida, excluir o FirstName e LastName BoundFields, ou podemos converter o FirstName BoundField em um TemplateField, editar o TemplateField para incluir o LastName valor e, em seguida, remover o LastName BoundField.

Ambas as abordagens geram o mesmo resultado, mas, pessoalmente, gosto de converter BoundFields em TemplateFields quando possível, pois a conversão adiciona automaticamente um ItemTemplate e um EditItemTemplate com controles Web e a sintaxe de vinculação de dados para imitar a aparência e a funcionalidade do BoundField. O benefício é que precisaremos trabalhar menos com o TemplateField, pois o processo de conversão terá executado parte do trabalho para nós.

Para converter um BoundField existente em um TemplateField, clique no link Editar Colunas no menu inteligente do GridView, o que irá abrir a caixa de diálogo Campos. Selecione o BoundField para converter da lista no canto inferior esquerdo e clique no link "Converter este campo em um TemplateField" no canto inferior direito.

Figura 4: Converter um BoundField em um TemplateField da caixa de diálogo Campos (clique para exibir a imagem em tamanho real)

Vá em frente e converta o FirstName BoundField em um TemplateField. Após essa alteração, não há nenhuma diferença perceptiva no Designer. Isso ocorre porque converter o BoundField em um TemplateField cria um TemplateField que mantém a aparência do BoundField. Apesar de não haver nenhuma diferença visual neste ponto no Designer, esse processo de conversão substituiu a sintaxe declarativa do BoundField - <asp:BoundField DataField="FirstName" HeaderText="FirstName" SortExpression="FirstName" /> pela seguinte sintaxe TemplateField:

<asp:TemplateField HeaderText="FirstName" SortExpression="FirstName">
    <EditItemTemplate>
        <asp:TextBox ID="TextBox1" runat="server"
            Text='<%# Bind("FirstName") %>'></asp:TextBox>
    </EditItemTemplate>
    <ItemTemplate>
        <asp:Label ID="Label1" runat="server"
            Text='<%# Bind("FirstName") %>'></asp:Label>
    </ItemTemplate>
</asp:TemplateField>

Como você pode ver, o TemplateField consiste em dois modelos ItemTemplate que têm um Rótulo cuja Text propriedade é definida como o valor do campo de FirstName dados e um com um EditItemTemplate controle TextBox cuja Text propriedade também é definida como o FirstName campo de dados. A sintaxe de associação de dados – <%# Bind("fieldName") %> indica que o campo fieldName de dados está associado à propriedade de controle da Web especificada.

Para adicionar o valor do campo de dados LastName a este TemplateField, precisamos adicionar outro controle Web de rótulo ItemTemplate e vincular sua propriedade Text a LastName. Isso pode ser feito manualmente ou por meio do Designer. Para fazer isso manualmente, basta adicionar a sintaxe declarativa apropriada ao ItemTemplate:

<asp:TemplateField HeaderText="FirstName" SortExpression="FirstName">
    <EditItemTemplate>
        <asp:TextBox ID="TextBox1" runat="server"
            Text='<%# Bind("FirstName") %>'></asp:TextBox>
    </EditItemTemplate>
    <ItemTemplate>
        <asp:Label ID="Label1" runat="server"
            Text='<%# Bind("FirstName") %>'></asp:Label>
        <asp:Label ID="Label2" runat="server"
            Text='<%# Bind("LastName") %>'></asp:Label>
    </ItemTemplate>
</asp:TemplateField>

Para adicioná-lo por meio do Designer, clique no link Editar Modelos na etiqueta inteligente do GridView. Isso exibirá a interface de edição de modelo do GridView. Na tag inteligente dessa interface, há uma lista dos templates no GridView. Como temos apenas um TemplateField neste ponto, os únicos modelos listados na lista suspensa são aqueles modelos para o FirstName TemplateField, juntamente com o EmptyDataTemplate e PagerTemplate. O EmptyDataTemplate modelo, se especificado, é usado para renderizar a saída do GridView se não houver resultados nos dados associados ao GridView; o PagerTemplate, se especificado, é usado para renderizar a interface de paginação de um GridView que dá suporte à paginação.

Figura 5: Os modelos do GridView podem ser editados por meio do designer (clique para exibir a imagem em tamanho real)

Para também exibir o LastName no FirstName TemplateField, arraste o controle Rótulo da Toolbox para o FirstName TemplateField's ItemTemplate na interface de edição de modelo do GridView.

Figura 6: Adicionar um controle Web de rótulo ao FirstName ItemTemplate do TemplateField (clique para exibir a imagem em tamanho real)

Neste ponto, o controle Web label adicionado ao TemplateField tem sua Text propriedade definida como "Label". Precisamos alterar isso para que essa propriedade esteja associada ao valor do campo de dados LastName. Para fazer isso, clique na tag inteligente do controle Rótulo e escolha a opção Editar Vinculações de Dados.

Figura 7: Escolha a opção Editar DataBindings no Smart Tag do Rótulo (clique para exibir a imagem em tamanho real)

Isso abrirá a caixa de diálogo DataBindings. A partir daqui, você pode selecionar a propriedade para participar da vinculação de dados na lista à esquerda e escolher o campo ao qual associar os dados na lista suspensa à direita. Escolha a Text propriedade da esquerda e do LastName campo à direita e clique em OK.

Figura 8: Associar a Text propriedade ao LastName campo de dados (clique para exibir a imagem em tamanho real)

Observação

A caixa de diálogo DataBindings permite que você indique se deseja executar a vinculação de dados bidirecional. Se você deixar isso desmarcado, a sintaxe <%# Eval("LastName")%> de associação de dados será usada em vez de <%# Bind("LastName")%>. Qualquer abordagem é boa para este tutorial. A vinculação de dados bidirecional torna-se importante ao inserir e editar dados. Para simplesmente exibir dados, no entanto, qualquer abordagem funcionará igualmente bem. Discutiremos a vinculação de dados bidirecional em detalhes em tutoriais futuros.

Reserve um momento para visualizar esta página por meio de um navegador. Como você pode ver, o GridView ainda inclui quatro colunas; no entanto, a FirstName coluna agora lista tanto os valores dos campos de dados FirstName e LastName.

Figura 9: Os valores de FirstName e LastName são mostrados em uma única coluna (clique para exibir a imagem em tamanho real)

Para concluir esta primeira etapa, remova o LastName BoundField e renomeie a FirstName propriedade de HeaderText TemplateField como "Name". Depois dessas alterações, a marcação declarativa do GridView deve ser semelhante à seguinte:

<asp:GridView ID="GridView1" runat="server"
    AutoGenerateColumns="False" DataKeyNames="EmployeeID"
    DataSourceID="ObjectDataSource1">
    <Columns>
        <asp:TemplateField HeaderText="Name" SortExpression="FirstName">
            <EditItemTemplate>
                <asp:TextBox ID="TextBox1" runat="server"
                    Text='<%# Bind("FirstName") %>'></asp:TextBox>
            </EditItemTemplate>
            <ItemTemplate>
                <asp:Label ID="Label1" runat="server"
                    Text='<%# Bind("FirstName") %>'></asp:Label>
                <asp:Label ID="Label2" runat="server"
                    Text='<%# Eval("LastName") %>'></asp:Label>
            </ItemTemplate>
        </asp:TemplateField>
        <asp:BoundField DataField="Title" HeaderText="Title"
            SortExpression="" Title" />
        <asp:BoundField DataField="HireDate" HeaderText="
            HireDate" SortExpression="" HireDate" />
    </Columns>
</asp:GridView>

Figura 10: Os primeiros e sobrenomes de cada funcionário são exibidos em uma coluna (clique para exibir a imagem em tamanho real)

Etapa 3: Usando o controle calendário para exibir oHiredDatecampo

Exibir um valor de campo de dados como texto em um GridView é tão simples quanto usar um BoundField. Para determinados cenários, no entanto, os dados são melhor expressos usando um controle Web específico em vez de apenas texto. Essa personalização da exibição de dados é possível com TemplateFields. Por exemplo, em vez de exibir a data de contratação do funcionário como texto, poderíamos mostrar um calendário (usando o controle Calendário) com a data de contratação realçada.

Para fazer isso, comece convertendo o HiredDate BoundField em um TemplateField. Basta acessar a marca inteligente do GridView e clicar no link Editar Colunas, para abrir a caixa de diálogo Campos. Selecione o HiredDate BoundField e clique em "Converter este campo em um TemplateField".

Figura 11: Converter o HiredDate BoundField em um TemplateField (clique para exibir a imagem em tamanho real)

Como vimos na Etapa 2, isso substituirá o BoundField por um TemplateField que contém um ItemTemplate rótulo EditItemTemplate e uma Caixa de Texto cujas Text propriedades estão associadas ao HiredDate valor usando a sintaxe <%# Bind("HiredDate")%>de associação de dados.

Para substituir o texto por um controle Calendário, edite o modelo removendo o Rótulo e adicionando um controle Calendário. No Designer, selecione Editar Modelos na tag inteligente do GridView e escolha o HireDate TemplateField na lista suspensa ItemTemplate. Em seguida, exclua o controle de Rótulo e arraste um controle de Calendário da Caixa de Ferramentas para a interface de edição do modelo.

Figura 12: Adicionar um controle de calendário ao HireDate TemplateField's ItemTemplate (clique para exibir a imagem em tamanho real)

Neste ponto, cada linha no GridView conterá um controle Calendar em seu HiredDate TemplateField. No entanto, o valor real HiredDate do funcionário não é definido em nenhum lugar no controle Calendário, fazendo com que cada controle de calendário mostre, por padrão, o mês e data atuais. Para corrigir isso, precisamos atribuir o HiredDate de cada funcionário às propriedades SelectedDate e VisibleDate do controle Calendar.

No smart tag do controle de calendário, escolha Editar DataBindings. Em seguida, associe as propriedades SelectedDate e VisibleDate ao campo de dados HiredDate.

Figura 13: Vincular as propriedades SelectedDate e VisibleDate ao campo de dados HiredDate (clique para exibir a imagem em tamanho real)

Observação

A data selecionada do controle Calendário não precisa necessariamente estar visível. Por exemplo, um Calendário pode ter^1º de agosto de 1999 como a data selecionada, mas mostrar o mês e o ano atuais. A data selecionada e a data visível são especificadas pelas propriedades SelectedDate e VisibleDate do controle Calendário. Como queremos tanto selecionar o funcionário HiredDate quanto garantir que ele seja mostrado, precisamos associar ambas essas propriedades ao campo de dados HireDate.

Ao exibir a página em um navegador, o calendário agora mostra o mês da data de contratação do funcionário e seleciona essa data específica.

Figura 14: O funcionário HiredDate é mostrado no controle calendário (clique para exibir a imagem em tamanho real)

Observação

Ao contrário de todos os exemplos que vimos até agora, neste tutorial não definimos EnableViewState a False propriedade para este GridView. O motivo dessa decisão é que, ao clicar nas datas do controle Calendário, ocorre um postback, e a data selecionada no Calendário é alterada para a data que acabou de ser clicada. No entanto, se o estado de exibição do GridView estiver desabilitado, em cada postback, os dados do GridView serão recuperados para sua fonte de dados subjacente, o que faz com que a data selecionada do Calendário seja definida de volta para a do HireDatefuncionário, substituindo a data escolhida pelo usuário.

Para este tutorial, esta é uma discussão irrelevante, pois o usuário não consegue atualizar o HireDate. Provavelmente seria melhor configurar o controle Calendário para que suas datas não sejam selecionáveis. Independentemente disso, este tutorial mostra que, em algumas circunstâncias, o estado de exibição deve ser habilitado para fornecer determinadas funcionalidades.

Etapa 4: Mostrando o número de dias em que o funcionário trabalhou para a empresa

Até agora, vimos dois aplicativos de TemplateFields:

• Combinando dois ou mais valores de campo de dados em uma coluna e
• Expressando um valor de campo de dados usando um controle Web em vez de texto

Um terceiro uso de TemplateFields está na exibição de metadados sobre os dados subjacentes do GridView. Além de mostrar as datas de contratação dos funcionários, por exemplo, talvez também queiramos ter uma coluna que exiba quantos dias totais eles estiveram no trabalho.

No entanto, outro uso de TemplateFields surge em cenários em que os dados subjacentes precisam ser exibidos de forma diferente no relatório da página da Web do que no formato armazenado no banco de dados. Imagine que a Employees tabela tinha um Gender campo que armazenava o caractere M ou F indicava o sexo do funcionário. Ao exibir essas informações em uma página da Web, talvez queiramos mostrar o gênero como "Masculino" ou "Feminino", em vez de apenas "M" ou "F".

Esses dois cenários podem ser tratados criando um método de formatação na classe code-behind de uma página ASP.NET (ou em uma biblioteca de classes separada, implementado como um método Shared) que é invocado a partir do modelo. Esse método de formatação é invocado do modelo usando a mesma sintaxe de associação de dados vista anteriormente. O método de formatação pode receber qualquer número de parâmetros, mas deve retornar uma cadeia de caracteres. Essa cadeia de caracteres retornada é o HTML que é injetado no modelo.

Para ilustrar esse conceito, vamos aumentar nosso tutorial para mostrar uma coluna que lista o número total de dias em que um funcionário está no trabalho. Esse método de formatação usará um Northwind.EmployeesRow objeto e retornará o número de dias em que o funcionário foi empregado como uma cadeia de caracteres. Esse método pode ser adicionado à classe code-behind da página ASP.NET, mas deve ser marcado como Protected ou Public para ser acessível a partir do modelo.

Protected Function DisplayDaysOnJob(employee As Northwind.EmployeesRow) As String
    ' Make sure HiredDate is not NULL... if so, return "Unknown"
    If employee.IsHireDateNull() Then
        Return "Unknown"
    Else
        ' Returns the number of days between the current
        ' date/time and HireDate
        Dim ts As TimeSpan = DateTime.Now.Subtract(employee.HireDate)
        Return ts.Days.ToString("#,##0")
    End If
End Function

Como o campo HiredDate pode conter valores NULL de banco de dados, primeiro devemos garantir que o valor não seja NULL antes de prosseguir com o cálculo. Se o HiredDate valor for NULL, simplesmente retornamos a string "Desconhecido"; se não for NULL, calculamos a diferença entre o tempo atual e o HiredDate valor e retornamos o número de dias.

Para utilizar esse método, precisamos invocá-lo de um TemplateField no GridView usando a sintaxe de associação de dados. Comece adicionando um novo TemplateField ao GridView clicando no link Editar Colunas na marca inteligente do GridView e adicionando um novo TemplateField.

Figura 15: Adicionar um Novo TemplateField ao GridView (Clique para exibir a imagem em tamanho real)

Defina a propriedade HeaderText deste novo TemplateField como "Dias no Trabalho" e a propriedade ItemStyle de seu HorizontalAlign como Center. Para chamar o DisplayDaysOnJob método do modelo, adicione um ItemTemplate e use a seguinte sintaxe de associação de dados:

<%# DisplayDaysOnJob(CType(CType(Container.DataItem, DataRowView).Row,
    Northwind.EmployeesRow)) %>

Container.DataItem retorna um DataRowView objeto correspondente ao DataSource registro associado ao GridViewRow. Sua propriedade Row retorna o Northwind.EmployeesRow com tipagem forte, que é passado para o método DisplayDaysOnJob. Essa sintaxe de associação de dados pode aparecer diretamente na ItemTemplate (conforme mostrado na sintaxe declarativa abaixo) ou pode ser atribuída à Text propriedade de um controle Web Label.

Observação

Como alternativa, em vez de passarmos uma instância de EmployeesRow, poderíamos simplesmente passar o valor de HireDate usando <%# DisplayDaysOnJob(Eval("HireDate")) %>. No entanto, o Eval método retorna um Object, portanto, teríamos que alterar nossa DisplayDaysOnJob assinatura de método para aceitar um parâmetro de entrada do tipo Object, em vez disso. Não podemos converter cegamente a chamada Eval("HireDate") em um DateTime porque a coluna HireDate na tabela Employees pode conter valores NULL. Portanto, precisamos aceitar um Object como parâmetro de entrada para o método DisplayDaysOnJob, verificar se ele possui um valor de banco de dados NULL (o que pode ser feito usando Convert.IsDBNull(objectToCheck)) e então prosseguir conforme o resultado.

Devido a essas sutilezas, optei por passar em toda EmployeesRow a instância. No próximo tutorial, veremos um exemplo mais adequado para usar a Eval("columnName") sintaxe para passar um parâmetro de entrada para um método de formatação.

A seguir é apresentada a sintaxe declarativa para nosso GridView após o TemplateField ter sido adicionado e o DisplayDaysOnJob método chamado pelo ItemTemplate.

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"
    DataKeyNames="EmployeeID" DataSourceID="ObjectDataSource1">
    <Columns>
        <asp:TemplateField HeaderText="Name"
          SortExpression="FirstName">
            <EditItemTemplate>
                <asp:TextBox ID="TextBox1" runat="server"
                    Text='<%# Bind("FirstName") %>'></asp:TextBox>
            </EditItemTemplate>
            <ItemTemplate>
                <asp:Label ID="Label1" runat="server"
                    Text='<%# Bind("FirstName") %>'></asp:Label>
                <asp:Label ID="Label2" runat="server"
                    Text='<%# Eval("LastName") %>'></asp:Label>
            </ItemTemplate>
        </asp:TemplateField>
        <asp:BoundField DataField="Title" HeaderText="" Title"
            SortExpression="Title" />
        <asp:TemplateField HeaderText="HireDate" SortExpression="
            HireDate">
            <EditItemTemplate>
                <asp:TextBox ID="TextBox2" runat="server"
                    Text='<%# Bind("HireDate") %>'></asp:TextBox>
            </EditItemTemplate>
            <ItemTemplate>
                <asp:Calendar ID="Calendar1" runat="server"
                    SelectedDate='<%# Bind("HireDate") %>'
                    VisibleDate='<%# Eval("HireDate") %>'>
                </asp:Calendar>
            </ItemTemplate>
        </asp:TemplateField>
        <asp:TemplateField HeaderText="Days On The Job">
            <ItemTemplate>
                <%# DisplayDaysOnJob(CType(CType(Container.DataItem, DataRowView).Row,
                    Northwind.EmployeesRow)) %>
            </ItemTemplate>
            <ItemStyle HorizontalAlign="Center" />
        </asp:TemplateField>
    </Columns>
</asp:GridView>

A Figura 16 mostra o tutorial concluído, quando exibido por meio de um navegador.

Figura 16: O número de dias em que o funcionário esteve no trabalho é exibido (clique para exibir a imagem em tamanho real)

Resumo

O TemplateField no controle GridView permite um maior grau de flexibilidade na exibição de dados do que está disponível com os outros controles de campo. TemplateFields são ideais para situações em que:

• Vários campos de dados precisam ser exibidos em uma coluna GridView
• Os dados são melhor expressos usando um controle Web em vez de texto sem formatação
• A saída depende dos dados subjacentes, como a exibição de metadados ou a reformatação dos dados

Além de personalizar a exibição de dados, TemplateFields também são usados para personalizar as interfaces de usuário usadas para editar e inserir dados, como veremos em tutoriais futuros.

Os próximos dois tutoriais continuam explorando modelos, começando com uma olhada no uso de TemplateFields em um DetailsView. Depois disso, recorreremos ao FormView, que usa modelos em vez de campos para fornecer maior flexibilidade no layout e na estrutura dos dados.

Divirta-se programando!

Sobre o autor

Scott Mitchell, autor de sete livros asp/ASP.NET e fundador da 4GuysFromRolla.com, trabalha com tecnologias da Microsoft Web desde 1998. Scott trabalha como consultor independente, treinador e escritor. Seu último livro é Sams Teach Yourself ASP.NET 2.0 em 24 Horas. Ele pode ser alcançado em mitchell@4GuysFromRolla.com.

Agradecimentos Especiais a

Esta série de tutoriais foi revisada por muitos revisores úteis. O revisor principal deste tutorial foi Dan Jagers. Interessado em revisar meus próximos artigos do MSDN? Se assim for, deixe-me uma linha em mitchell@4GuysFromRolla.com.

AnteriorPróximo