ButtonField class in ASP.NET
ButtonField is very well known field of ASP.NET Gridview control.
We have seen how to use 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.
It's part of Data events like DetailView and Gridview under
<Column>
<asp:ButtonField ButtonType...... />
</Column>
Description With Example :
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.
Step 1:
Declare a GridView control and set the AutoGenerateColumns property to 'false' and set the event handler for the RowCommand event.
Step 2:
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.
<asp:GridView ID="GridView1" DataSourceId="MyDataSource"
DataKeyNames="BlogId,FollowerName" ShowFooter="true" AutoGenerateColumns="false"
AutoGenerateEditButton="true" AutoGenerateDeleteButton="true"
OnRowCommand="GridView1_RowCommand"
runat="server">
<Columns>
<asp:BoundField DataField="BlogId" HeaderText="Blog Code" />
<asp:BoundField DataField="FollowerName" HeaderText="FollowerName" />
<asp:BoundField DataField="FollowerDetails" HeaderText="Description" />
<asp:buttonfield buttontype="button" Text="Row Details" commandname="Details" />
</Columns>
</asp:GridView>
Step 3:
For row command , use following code or use can use RowCreated , RowUpdating etc gridviewrow events
protected void GridView1_RowCommand(object sender, GridViewCommandEventArgs e)
{
int index = Int32.Parse((string)e.CommandArgument);
string Code = (string)GridView1.DataKeys[index].Values["BlogId"];
string Name = (string)GridView1.DataKeys[index].Values["FollowerName"];
}
Above post is just is simple example for beginner to use it.. ...
We can do onclick events by ModelPopupExtender of Ajax toolkit...
Enjoy..
[ Quote : "For the unlearned, old age is winter; for the learned it is the season of the harvest." ]
We have seen how to use
It's part of Data events like DetailView and Gridview under
<Column>
<asp:ButtonField ButtonType...... />
</Column>
Description With Example :
In the below example, we have used the ButtonField element to add Details button in a row of GridView control. The
Step 2:
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.
<asp:GridView ID="GridView1" DataSourceId="MyDataSource"
DataKeyNames="BlogId,FollowerName" ShowFooter="true" AutoGenerateColumns="false"
AutoGenerateEditButton="true" AutoGenerateDeleteButton="true"
OnRowCommand="GridView1_RowCommand"
runat="server">
<Columns>
<asp:BoundField DataField="BlogId" HeaderText="Blog Code" />
<asp:BoundField DataField="FollowerName" HeaderText="FollowerName" />
<asp:BoundField DataField="FollowerDetails" HeaderText="Description" />
<asp:buttonfield buttontype="button" Text="Row Details" commandname="Details" />
</Columns>
</asp:GridView>
Step 3:
For row command , use following code or use can use RowCreated , RowUpdating etc gridviewrow events
protected void GridView1_RowCommand(object sender, GridViewCommandEventArgs e)
{
int index = Int32.Parse((string)e.CommandArgument);
string Code = (string)GridView1.DataKeys[index].Values["BlogId"];
string Name = (string)GridView1.DataKeys[index].Values["FollowerName"];
}
Above post is just is simple example for beginner to use it.. ...
We can do onclick events by ModelPopupExtender of Ajax toolkit...
Enjoy..
[ Quote : "For the unlearned, old age is winter; for the learned it is the season of the harvest." ]
Comments
Post a Comment