Asp.net gridview rowdatabound template

In this interface's smart tag is a list of the templates in the GridView. Since we only have one TemplateField at this point, the only templates listed in the drop-down list are those templates for the FirstName TemplateField along with the EmptyDataTemplate and PagerTemplate. The EmptyDataTemplate template, if specified, is used to render the GridView's output if there are no results in the data bound to the GridView; the PagerTemplate , if specified, is used to render the paging interface for a GridView that supports paging.

We need to change this so that this property is bound to the value of the LastName data field instead. To accomplish this click on the Label control's smart tag and choose the Edit DataBindings option.

This will bring up the DataBindings dialog box. From here you can select the property to participate in databinding from the list on the left and choose the field to bind the data to from the drop-down list on the right.

The DataBindings dialog box allows you to indicate whether to perform two-way databinding. Either approach is fine for this tutorial.

Two-way databinding becomes important when inserting and editing data. For simply displaying data, however, either approach will work equally well. We'll discuss two-way databinding in detail in future tutorials. Take a moment to view this page through a browser. After these changes the GridView's declarative markup should look like the following:. Displaying a data field value as text in a GridView is as simple as using a BoundField. For certain scenarios, however, the data is best expressed using a particular Web control instead of just text.

Such customization of the display of data is possible with TemplateFields. For example, rather than display the employee's hire date as text, we could show a calendar using the Calendar control with their hire date highlighted.

Simply go to the GridView's smart tag and click the Edit Columns link, bringing up the Fields dialog box. To replace the text with a Calendar control, edit the template by removing the Label and adding a Calendar control.

Next, delete the Label control and drag a Calendar control from the Toolbox into the template editing interface. However, the employee's actual HiredDate value is not set anywhere in the Calendar control, causing each Calendar control to default to showing the current month and date.

From the Calendar control's smart tag, choose Edit DataBindings. The Calendar control's selected date need not necessarily be visible.

For example, a Calendar may have August 1 st , as the selected date, but be showing the current month and year. The selected date and visible date are specified by the Calendar control's SelectedDate and VisibleDate properties.

Since we want to both select the employee's HiredDate and make sure that it's shown we need to bind both of these properties to the HireDate data field. When viewing the page in a browser, the calendar now shows the month of the employee's hired date and selects that particular date. Contrary to all the examples we've seen thus far, for this tutorial we did not set EnableViewState property to false for this GridView.

View All. Anoop Kumar Sharma Updated date Jul 27, In this example, I will highlight the complete row for the Employee with a Salary less than Suppose we need to highlight the name of Employee but not the entire row of the GridView. We can do that using the following code:. I hope you like it. Next Recommended Reading. If you have any other questions on this, please feel free to let me know.

Steven, It seems that there is no ideal solution. The reason I was trying to remove the button is that hiding it only works if it's viewstate is enabled. I like to try to mininize viewstate by turning it off where not really needed. If viewstate is not enabled for the button and the gridview is not bound on a postback, the button is visible again. The problem with removing the button in the RowCreated event is knowing which row to remove it in.

That would mean examining the content of each row to determine if it is the one. Thanks for your followup AG, Yes, I agree that both approaches has restriction and drawback. What's your current criteria for determine which row in the GridView that need to remove the button?

If the criteria data is not very complex, we can store it in a hidden form element on the page so that we can access it in RowCreated event rather than query it from inspecting GridView control collection. Anyway, if there is anything else we can help, please feel free to post here.

Note: The MSDN Managed Newsgroup support offering is for non-urgent issues where an initial response from the community or a Microsoft Support Engineer within 1 business day is acceptable. Please note that each follow up response may take approximately 2 business days as the support professional working with you may need further investigation to reach the most efficient resolution.

The offering is not appropriate for situations that require urgent, real-time or phone-based interactions or complex project analysis and dump analysis issues. Thanks Steven, I will play around with it. You are very close. You need to find the label control in the row and assign the caculated age to it. Thank you limno! This worked perfectly. I still have much to learn.

I think that it is great that there is this community and forum to assist with questions like these. The content you requested has been removed. Ask a question.