GridView torna páginas da Web arrumado, e os desenvolvedores da Web exibir dados tabulares complexos , apresentando-o em linhas e colunas . GridView recebe dados de uma variedade de fontes de dados , tais como bancos de dados, arquivos XML e tabelas de dados. Você pode adicionar colunas a um GridView quando você projetá-lo . Às vezes, você pode não saber qual coluna a acrescentar. Ao manipular propriedade " campo acoplado " de um GridView , você pode adicionar colunas conforme necessário. Instruções
um
Abra o Visual Studio . Clique em "Arquivo " e selecione " novo site ".
2
Clique em " Visual C # ", e , em seguida, clique duas vezes em " Site ASP.NET " para criar um novo site. O código de marcação para a página da Web padrão aparece no centro da janela do Visual Studio.
3
Clique no botão " Design" , na parte inferior da janela para ver o formulário de designer.
4
Clique em "Arquivo " e selecione " Ferramentas ". Visual Studio irá exibir a caixa de ferramentas.
5
Role para baixo e localize o controle " GridView " . Clique duas vezes em que o controle para colocá-lo no formulário.
6
Pressione " F7 ". A janela de código fonte aberto e exibirá esse código :
protected void Page_Load (object sender, EventArgs e) {
}
Este é o método de carregamento da página . Ele é executado quando a página é carregada Web em um navegador. Observe os dois símbolos do suporte abaixo da primeira linha de código
7
Adicione este código entre os dois símbolos do suporte : .
//Linhas 1-5
Sistema . Data.DataTable DataSourceTable = new System.Data.DataTable ();
dataSourceTable.Columns.Add ( novo System.Data.DataColumn ( "Model" , typeof (string )));
dataSourceTable.Columns.Add ( novo System.Data.DataColumn ( " Marca" , typeof (string )));
dataSourceTable.Columns.Add ( novo System.Data.DataColumn ( "Color" , typeof ( string) ) );
dataSourceTable.Rows.Add ( originalColumnValues );
//Linha 6
GridView1.AutoGenerateColumns = false;
//Linha 7
GridView1.DataSource = DataSourceTable ;
As primeiras cinco linhas de criar uma fonte de dados que contém três campos: modelo, marca e cor. Linha de seis conjuntos " AutoGenerateColumns " de propriedade do GridView para false. Isso impede que o GridView de gerar colunas automaticamente quando você ligá-lo a uma fonte de dados . Linha sete vincula o GridView à fonte de dados . . Neste ponto , os ecrãs GridView sem colunas
8
Adicione o seguinte código abaixo o código descrito na etapa anterior :
/Linhas 8-12
BoundField BoundField = new BoundField ();
boundField.DataField = " Marca" ;
boundField.HeaderText = "Ford ";
DataControlField DataControlField = BoundField ;
GridView1.Columns.Add ( DataControlField );
//Linhas 13 = 17
BoundField = new BoundField ();
boundField.DataField = " Modelo " ;
boundField.HeaderText = " Mustang ";
DataControlField = BoundField ;
GridView1.Columns.Add ( DataControlField );
//Linha 18
GridView1.DataBind ();
Linhas de oito a 12 criar um campo acoplado . Este campo referente ao campo da fonte de dados " Marca" . Linha 10 atribui um valor de "Ford " para o campo acoplado . Você pode fazer este valor o que quiser. Este é o valor que aparece na nova coluna. A linha 12 adiciona o campo vinculado ao GridView . Lines13 até 17 de criar um outro campo acoplado . Este campo acoplado referente ao campo " Modelo " da fonte de dados e define seu valor de texto para "Mustang ". A linha 18 liga o GridView à fonte de dados .
9
Pressione " F5" para executar o aplicativo . Seu browser será aberto e exibirá o GridView e as colunas que você adicionou.