Adding button fields to a GridView control

We have seen how to use <CommandField> element to display select, edit and delete buttons in a GridView control. However, if we wish to provide buttons which perform additional custom functionalities, we use the element in a GridView control. In the below example, we have used the ButtonField element to add Details button in a row of GridView control. The element displays the button as a link or a button or an Image.

Steps to create a column are:
The first step is to declare a GridView control and set the AutoGenerateColumns property to 'false' and set the event handler for the RowCommand event.

Create element for each column we want to display data as a text. Create to display customized button.

When we click on the Details button, the GridView controls row command event is raised. In this example, the event RowCommand is handled by the GridView1_RowCommand event.

The following code example demonstrates how to use ButtonField to display a custom command button in a row of GridView control. In the below code, we set the ButtonType property of ButtonField to "button" and CommandName and Text as "Details".

<asp:GridView ID="GridView1"  DataSourceId="MyDataSource" 
DataKeyNames="AccountCode,AccountName" ShowFooter="true" AutoGenerateColumns="false"
AutoGenerateEditButton="true" AutoGenerateDeleteButton="true" 
	<asp:BoundField  DataField="AccountCode" HeaderText="Account Code" />
    <asp:BoundField  DataField="AccountName" HeaderText="Account Name" />
	<asp:BoundField  DataField="AccountDescription" HeaderText="Description" />
	<asp:buttonfield  buttontype="button" Text="Details" commandname="Details"  />
<asp:SqlDataSource ID="MyDataSource"  

SelectCommand="SELECT AccountsTable.AccountCode,AccountsTable.AccountName,
AccountsTable.AccountDescription FROM AccountsTable"  
UpdateCommand="Update AccountsTable SET AccountName=@AccountName,
AccountDescription=@AccountDescription Where AccountCode=@AccountCode" 
DeleteCommand="Delete AccountsTable Where AccountCode=@AccountCode" 
In the RowCommand event, we can access the values of a cell using DataKeys property of GridView control.
protected void GridView1_RowCommand(object sender, GridViewCommandEventArgs e)
        int index = Int32.Parse((string)e.CommandArgument);
        string Code = (string)GridView1.DataKeys[index].Values["AccountCode"];
        string Name = (string)GridView1.DataKeys[index].Values["AccountName"];

cover image of azure cloud book

Develop Azure Applications

Azure Cloud is gaining popularity and is competing with Amazon Elastic Cloud and Google Cloud for a spot in the billion dollar Cloud computing space.

With this book learn how to use - Table (an Azure Table is different from a SQL Server Table), Queue, Blob storage services, use your local machine to create an Application and a Service, how Azure splits a Table to achieve Load Balancing, Scalability based on the Partition Key, AppFabric Service Bus, Access Control Service, role of Fabric Controller, features of Azure SQL Database and Content Delivery Network.

Many have mastered Cloud Programming and are enjoying the benefits. Why not you?

View Highlights » View Contents »
cover image of foundation database programming book

Create your Own Accounting Software

A foundation book to Master Accounting Software Development, VB.Net, C# and OOPs programming. Detailed explanation of the Accounting domain for programmers is included. SQL and ADO.Net is also covered in detail.

This book gives you a strong foundation in Application Development.

A thorough understanding of the contents will enable you to grasp the topics covered in the accompanying books quite easily. This is because, the accounting domain is dealt with great detail in this book.

The ideal book to get started with application development in the .Net world.

View Highlights » View Contents »

cover image of book

Create your Own WEB ERP Software using ASP.Net

This book opens you to the Web. Using ASP.Net, C# and SQL Server as the tools, you will learn to build a Multi Tier Web Application as recommended by Microsoft. You will learn implementing inline GridView control, Transaction Management for a layered Web Application, build Data Access component and a Business Layer component.

Opens you to a world of opportunities. You will be able to develop a Web ERP application including all the five modules and learn how to use the TreeView control and GridView control to implement transactions such as Purchase Invoice, Sales Order and Sales Invoice.

View Highlights »
cover image of entity framework book

ASP.Net MVC 5 Application Development Using Entity Framework 6 and VS 2015

Entity frameworks is the latest buzz in .Net programming and is the data access technology for Microsoft OS based hand held devices and web applications. Learn to integrate EF into an ASP.Net Application and MVC application. Create, explore and query the Entity Data Model. Learn how to use ObjectDataSource control and GridView control in an ASP.Net Application.

Also, learn to build Three-Tier ASP.Net application, create a business-class, implement methods in the class to perform CRUD operations and bind a GridView to the ObjectDataSource control. Learn how to handle concurrency and managing Transactions.

View Contents »