Display multiple data fields in BoundField of Gridview

Display multiple data fields in BoundField of Gridview

To display multiple data fields in a BoundField of a GridView in ASP.NET, you can concatenate the values of multiple fields using the DataField property and the Eval() method. Here's an example:

<asp:GridView runat="server" ID="myGridView"> <Columns> <asp:BoundField DataField="FirstName" HeaderText="Name" /> <asp:BoundField DataField="LastName" HeaderText="" /> <asp:BoundField DataField="Age" HeaderText="" /> <asp:BoundField DataField="City" HeaderText="" /> <asp:BoundField DataField="Country" HeaderText="" /> <asp:BoundField DataField="Department" HeaderText="" /> <asp:BoundField DataField="Position" HeaderText="" /> <asp:BoundField DataField="Email" HeaderText="" /> <asp:BoundField DataField="Phone" HeaderText="" /> <asp:BoundField DataField="Address" HeaderText="" /> <asp:BoundField DataField="ZipCode" HeaderText="" /> <asp:BoundField DataField="State" HeaderText="" /> <asp:BoundField DataField="Country" HeaderText="" /> <asp:BoundField DataField="Manager" HeaderText="" /> <asp:BoundField DataField="Salary" HeaderText="" /> <asp:BoundField DataField="HireDate" HeaderText="" /> </Columns> </asp:GridView>

In this example, we have a GridView with several BoundField columns. The DataField property of each BoundField specifies the field name from the data source.

To display multiple fields, you can concatenate their values using the Eval() method within the HeaderText property. Here's an example of displaying the full name (FirstName + LastName) in the "Name" column:

<asp:GridView runat="server" ID="myGridView"> <Columns> <asp:BoundField HeaderText='<%# Eval("FirstName") + " " + Eval("LastName") %>' /> <!-- Other BoundFields --> </Columns> </asp:GridView>

In this updated code, the HeaderText property of the BoundField displays the concatenated value of FirstName and LastName using the Eval() method.

You can apply this approach to other columns as well, concatenating the desired fields or performing any other desired formatting or logic within the Eval() method.

Examples

  1. "ASP.NET GridView BoundField Display Multiple Data Fields"

    • Code Implementation: Use a TemplateField with a custom template for displaying multiple data fields.
      <asp:GridView runat="server" AutoGenerateColumns="False"> <Columns> <asp:TemplateField> <ItemTemplate> <%# Eval("Field1") %>, <%# Eval("Field2") %> </ItemTemplate> </asp:TemplateField> <!-- Other columns as needed --> </Columns> </asp:GridView>
    • Description: Utilizes a TemplateField with a custom template to display multiple data fields in a comma-separated format.

  2. "ASP.NET GridView BoundField Display Concatenated Fields"

    • Code Implementation: Concatenate multiple fields in the ItemTemplate of a TemplateField.
      <asp:GridView runat="server" AutoGenerateColumns="False"> <Columns> <asp:TemplateField> <ItemTemplate> <%# Eval("Field1") + " " + Eval("Field2") %> </ItemTemplate> </asp:TemplateField> <!-- Other columns as needed --> </Columns> </asp:GridView>
    • Description: Concatenates the values of multiple fields within the ItemTemplate of a TemplateField.

  3. "ASP.NET GridView BoundField Display Hyperlinked Fields"

    • Code Implementation: Create hyperlinks using multiple data fields within a TemplateField.
      <asp:GridView runat="server" AutoGenerateColumns="False"> <Columns> <asp:TemplateField> <ItemTemplate> <a href='<%# "DetailsPage.aspx?id=" + Eval("ID") %>'> <%# Eval("Name") %> </a> </ItemTemplate> </asp:TemplateField> <!-- Other columns as needed --> </Columns> </asp:GridView>
    • Description: Constructs hyperlinks using the values of multiple data fields within a TemplateField for navigation.

  4. "ASP.NET GridView BoundField Display Formatted Date and Time"

    • Code Implementation: Format date and time fields in a TemplateField for better display.
      <asp:GridView runat="server" AutoGenerateColumns="False"> <Columns> <asp:TemplateField> <ItemTemplate> <%# ((DateTime)Eval("Date")).ToString("MM/dd/yyyy hh:mm tt") %> </ItemTemplate> </asp:TemplateField> <!-- Other columns as needed --> </Columns> </asp:GridView>
    • Description: Formats a date and time field within a TemplateField for better readability.

  5. "ASP.NET GridView BoundField Display Conditional Fields"

    • Code Implementation: Display different fields based on a condition within a TemplateField.
      <asp:GridView runat="server" AutoGenerateColumns="False"> <Columns> <asp:TemplateField> <ItemTemplate> <%# Eval("Status").ToString() == "Active" ? Eval("ActiveField") : Eval("InactiveField") %> </ItemTemplate> </asp:TemplateField> <!-- Other columns as needed --> </Columns> </asp:GridView>
    • Description: Conditionally displays different fields based on the value of another field within a TemplateField.

  6. "ASP.NET GridView BoundField Display Image and Text"

    • Code Implementation: Combine an image and text within a TemplateField.
      <asp:GridView runat="server" AutoGenerateColumns="False"> <Columns> <asp:TemplateField> <ItemTemplate> <img src='<%# Eval("ImageURL") %>' alt='<%# Eval("AltText") %>' /> <%# Eval("Description") %> </ItemTemplate> </asp:TemplateField> <!-- Other columns as needed --> </Columns> </asp:GridView>
    • Description: Combines an image and text within a TemplateField for a richer display.

  7. "ASP.NET GridView BoundField Display Linked Fields"

    • Code Implementation: Display fields as hyperlinks linking to related information.
      <asp:GridView runat="server" AutoGenerateColumns="False"> <Columns> <asp:TemplateField> <ItemTemplate> <a href='<%# "DetailsPage.aspx?id=" + Eval("ID") %>'> <%# Eval("Name") %> </a> - <%# Eval("Description") %> </ItemTemplate> </asp:TemplateField> <!-- Other columns as needed --> </Columns> </asp:GridView>
    • Description: Creates hyperlinked fields within a TemplateField pointing to related information.

  8. "ASP.NET GridView BoundField Display Multiple Fields with Line Break"

    • Code Implementation: Display multiple fields with a line break between them within a TemplateField.
      <asp:GridView runat="server" AutoGenerateColumns="False"> <Columns> <asp:TemplateField> <ItemTemplate> <%# Eval("Field1") %><br /> <%# Eval("Field2") %> </ItemTemplate> </asp:TemplateField> <!-- Other columns as needed --> </Columns> </asp:GridView>
    • Description: Separates multiple fields with a line break within a TemplateField for a cleaner presentation.

  9. "ASP.NET GridView BoundField Display Currency Fields"

    • Code Implementation: Format currency fields within a TemplateField for proper display.
      <asp:GridView runat="server" AutoGenerateColumns="False"> <Columns> <asp:TemplateField> <ItemTemplate> $<%# string.Format("{0:N2}", Eval("Amount")) %> </ItemTemplate> </asp:TemplateField> <!-- Other columns as needed --> </Columns> </asp:GridView>
    • Description: Formats a currency field within a TemplateField to display the amount with proper currency formatting.

  10. "ASP.NET GridView BoundField Display Multiple Fields in Different Columns"

    • Code Implementation: Display multiple fields in separate columns within a TemplateField.
      <asp:GridView runat="server" AutoGenerateColumns="False"> <Columns> <asp:TemplateField> <ItemTemplate> <div> Field1: <%# Eval("Field1") %> </div> <div> Field2: <%# Eval("Field2") %> </div> </ItemTemplate> </asp:TemplateField> <!-- Other columns as needed --> </Columns> </asp:GridView>
    • Description: Displays multiple fields in separate columns within a TemplateField for a well-organized layout.

More Tags

eclipse-luna chained-assignment validationattribute preloader uitabbar google-query-language setvalue transfer-learning recursive-datastructures ecmascript-5

More C# Questions

More Chemical thermodynamics Calculators

More Date and Time Calculators

More Electronics Circuits Calculators

More Statistics Calculators