Premiers pas avec GridView

Lier un GridView avec un DataSource par ex. Tableau de données

Étape 1 : Créez un design de GridView pour afficher vos données (Code HTML) :

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

Étape 2 : Liez votre GridView avec 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
        }
}

Après la liaison, votre GridView ressemble à ceci :

[![entrez la description de l’image ici][1]][1]

Remarque : Vous pouvez également lier votre GridView à partir de la base de données.

[1] : https://i.stack.imgur.com/QOaf9.png

Installation ou configuration

GridView est un contrôle de serveur ASP.NET et, en tant que tel, nécessite simplement n’importe quelle version de .Net installée sur votre ordinateur avec un environnement de développement .Net, généralement n’importe quelle version de Visual Studio.

En supposant que vous disposez d’un environnement de développement .Net, créez un projet d’application Web Forms ou d’application MVC.

Les contrôles GridView peuvent être ajoutés par glisser-déposer depuis la boîte à outils du concepteur ou manuellement dans le balisage html de la vue Web Form/MVC.

Un contrôle GridView vide :

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