gridviewAan de slag met gridview


Opmerkingen

Deze sectie biedt een overzicht van wat gridview is en waarom een ontwikkelaar het misschien wil gebruiken.

Het moet ook alle grote onderwerpen in gridview vermelden en een link naar de gerelateerde onderwerpen bevatten. Aangezien de documentatie voor rasterweergave nieuw is, moet u mogelijk eerste versies van die gerelateerde onderwerpen maken.

Een GridView binden met een DataSource bijv. DataTable

Stap 1: Maak een ontwerp van GridView voor het weergeven van uw gegevens ( HTML-code ):

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false">
    <Columns>
        <asp:TemplateField HeaderText="ID">
            <ItemTemplate>
                <asp:Label ID="lblId" runat="server" Text='<% #Bind("id") %>'></asp:Label>
            </ItemTemplate>
        </asp:TemplateField>
        <asp:TemplateField HeaderText="NAME">
            <ItemTemplate>
                <asp:Label ID="lblName" runat="server" Text='<% #Bind("name") %>'></asp:Label>
            </ItemTemplate>
        </asp:TemplateField>
        <asp:TemplateField HeaderText="COUNTRY">
            <ItemTemplate>
                <asp:Label ID="lblCountry" runat="server" Text='<% #Bind("country") %>'></asp:Label>
            </ItemTemplate>
        </asp:TemplateField>
    </Columns>
</asp:GridView>
 

Stap 2: Bind uw GridView met DataTable ( .CS-code ):

protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            // Create a datatable as a DataSource of your GridView
            DataTable dt = new DataTable();

            // Add three columns in datatable and their names and data types
            dt.Columns.Add(new DataColumn("id", typeof(int)));
            dt.Columns.Add(new DataColumn("name", typeof(string)));
            dt.Columns.Add(new DataColumn("country", typeof(string)));

            // Add five records in datatable
            for (int i = 0; i < 5; i++)
            {
                dt.Rows.Add(i, "Name" + i, "Country" + i);
            }

            GridView1.DataSource = dt; // set your datatable to your gridview as datasource
            GridView1.DataBind(); // bind the gridview with datasource
        }
}
 

Na het binden ziet uw GridView er als volgt uit:

voer hier de afbeeldingsbeschrijving in

Opmerking: u kunt uw GridView ook vanuit de database binden.

Installatie of instellingen

GridView is een ASP.NET-serverbesturing en vereist als zodanig eenvoudig elke versie van .Net die op uw computer is geïnstalleerd, samen met een .Net-ontwikkelomgeving, meestal elke versie van Visual Studio.

Ervan uitgaande dat u een .Net-ontwikkelomgeving hebt, maakt u een Web Forms Application- of MVC Application-project.

GridView besturingselementen kunnen worden toegevoegd via slepen en neerzetten vanuit de ontwerptoolbox of handmatig in de HTML-opmaak op de webformulier / MVC-weergave.

Een leeg GridView-besturingselement:

<asp:GridView ID="GridView1" runat="server">
</asp:GridView>