How To Convert And Bind JSON String In ASP.NET GridView C#

Minifycode 2020-02-08 Viewed 2K times ASP.NET

In this article, you will learn how To Convert And Bind JSON String In To ASP.NET GridView With C#

Bind GridView from JSON object without AJAX/jQuery and loop in C# also without wrapper class

<!DOCTYPE html>   
<html xmlns="http://www.w3.org/1999/xhtml">  
<head runat="server">  
    <title></title>  
</head>  
<body>  
    <form id="form1" runat="server">  
    <div>  
        <h3>Converted In to Dynamic Object [dynamic keyword]:- Bind GridView From JSON Object </h3>  
        <asp:GridView ID="gdv_JSON2Grid2" runat="server" BackColor="White" BorderColor="#3399ff"  
            BorderStyle="Dotted" BorderWidth="1px" CellPadding="3" GridLines="Both"></asp:GridView>  
  
        <br />  
        <br />  
         <h3>Converted In to DataTable Object [DataTable]:- Bind GridView From JSON Object</h3>  
        <asp:GridView ID="gdv_JSON2Grid2" runat="server" BackColor="White" BorderColor="#3399ff"  
            BorderStyle="Dotted" BorderWidth="1px" CellPadding="3" GridLines="Both"></asp:GridView>  
    </div>  
    </form>  
</body>  
</html>

in cs:

protected void Page_Load(object sender, EventArgs e)  
        {   
            string DynamicJSON = "[{'Member ID':'1','First Name':'ABC','Last Name':'kumar','Registered Email':'info@minifycode.in','Mobile':'9811111111'}]"; 
  
            //Using  you need to import Newtonsoft.Json  
            dynamic yourObject = JsonConvert.DeserializeObject(DynamicJSON);  
              
            //Binding gridview from dynamic object   
            gdv_JSON2Grid.DataSource = myObject;  
            gdv_JSON2Grid.DataBind();  
  
            //Using DataTable with JsonConvert.DeserializeObject, need to import using System.Data;  
            DataTable yourObjectDT = JsonConvert.DeserializeObject<DataTable>(DynamicJSON);  
  
            //Binding gridview from dynamic object   
            gdv_JSON2Grid.DataSource = yourObjectDT;  
            gdv_JSON2Grid.DataBind();  
          
        }
Tag

How To Convert And Bind JSON String In To ASP.NET GridView With C#
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html> <html> <head> <title>Asp.Net Repeater Control</title> </head> <body> <form id="form1" runat="server"> <div style="font:13px Verdana;width:310px;"> <asp:ScriptManager ID="scriptManager" runat="server" EnablePageMethods="true" /> <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional"> <ContentTemplate> <h3>Asp.Net Repeater Control</h3> <%--THE REPEATER CONTROL.--%> <asp:Repeater id="rp" runat="server"> <%--HEADER OF THE REPEATER--%> <HeaderTemplate> <table border="0" width="200px"> </HeaderTemplate> <%--SHOWING ITEMS--%> <ItemTemplate> <tr> <td style="padding:2px; border:solid 1px #CCC;"> <asp:Label Text='<%# Container.DataItem.ToString() %>' runat="server"></asp:Label> </td> </tr> </ItemTemplate> <%--ALTERNATE TEMPLATE (SHOWING ITEMS IN DIFFERENT COLOR--%> <AlternatingItemTemplate> <tr> <td style="padding:2px; border:solid 1px #CCC; background:#EAF7FB; width:200px;"> <asp:Label Text='<%# Container.DataItem.ToString() %>' runat="server"></asp:Label> </td> </tr> </AlternatingItemTemplate> <%--REPEATER FOOTER--%> <FooterTemplate> </table> <div style="padding:20px 0;"> <asp:Label ID="lblFoot" runat="server"></asp:Label> </div> </FooterTemplate> </asp:Repeater> <%--BUTTON CONTROL--%> <asp:Button ID="btVF" Text="View Files" AutoPostBack="true" OnClick="Show" Font-Names="sanserif" Font-Italic="true" Font-Size="155%" runat="server" /> </ContentTemplate> <Triggers> <asp:AsyncPostBackTrigger ControlID="PostBackTrigger" /> </Triggers> </asp:UpdatePanel> </div> </form> </body> </html> using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using System.IO; public partial class _Default : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) {} protected void Show(object sender, EventArgs e) { DirectoryInfo Folder = new DirectoryInfo(Server.MapPath("Files\\")); FileInfo[] fileList = Folder.GetFiles("*.*"); //BIND THE FILE LIST WITH THE REPEATER CONTROL. rp.DataSource = fileList; rp.DataBind(); } } Adding the <AlternatingTemplate> below the <ItemTemplate> will show files with a different background color for every alternate row. <AlternatingItemTemplate> <div style="padding:3px; border:solid 1px #FFF; background:#black"> <asp:Label Text='<%# Container.DataItem.ToString() %>' runat="server"></asp:Label> </div> </AlternatingItemTemplate> </AlternatingItemTemplate> <SeparatorTemplate><hr /> </SeparatorTemplate> Add the <HeaderTemplate> element just above the <ItemTemplate> <HeaderTemplate> <div style="padding-bottom:20px"><strong>Files</strong> (Header)</div> </HeaderTemplate> Repeater with <FooterTemplate> element <FooterTemplate> <div style="padding-top:20px"><asp:Label ID="lblFooter" runat="server"></asp:Label></div> </FooterTemplate> Code Behind In C# Control ft = rp.Controls[rep.Controls.Count - 1].Controls[0]; Label lbl_Footer = ft.FindControl("lblFooter") as Label; lbl_Footer.Text = "Showing total <b>" + fileList.Length + "</b> files in the Footer.";

Recent Posts