ASP.NET GridView Tutorial - Formatting asp net gridview control Part 7

Database, Information Technology

ASP.NET GridView Tutorial

301 Lessons

Formatting asp net gridview control Part 7

Text version of the video
http://csharp-video-tutorials.blogspot.com/2013/02/formatting-aspnet-gridview-control-part.html

Slides
http://csharp-video-tutorials.blogspot.com/2013/10/part-7-formatting-gridview-control.html

All GridView Text Articles
http://csharp-video-tutorials.blogspot.com/p/free-asp.html

All GridView Slides
http://csharp-video-tutorials.blogspot.com/p/blog-page.html

All Dot Net and SQL Server Tutorials in English
https://www.youtube.com/user/kudvenkat/playlists?view=1&sort=dd

All Dot Net and SQL Server Tutorials in Arabic
https://www.youtube.com/c/KudvenkatArabic/playlists

We will be using tblEmployee table for this demo. Use the script below to create employees table and populate it with sample data.

CREATE TABLE [tblEmployee]
(
[EmployeeId] [int] IDENTITY PRIMARY KEY,
[FirstName] [nvarchar](50),
[LastName] [nvarchar](50),
[DateOfBirth] [datetime],
[AnnualSalary] [int],
[Gender] [nvarchar](50),
[DepartmentName] [nvarchar](50)
)

Insert into tblEmployee values
(‘John’,’Johnson’,’08/10/1982′,55000,’Male’,’IT’)
Insert into tblEmployee values
(‘Pam’,’Roberts’,’11/11/1979′,62000,’Female’,’HR’)
Insert into tblEmployee values
(‘David’,’John’,’01/15/1980′,45000,’Male’,’IT’)
Insert into tblEmployee values
(‘Rose’,’Mary’,’08/18/1967′,78000,’Female’,’Payroll’)
Insert into tblEmployee values
(‘Mark’,’Mell’,’12/10/1974′,69000,’Male’,’HR’)

Use “SqlDataSource” control to retrieve data from the database and bind it to gridview control.

By default, all the columns from the table are displayed in the gridview control. For example, I don’t want to display EmployeeId column in the gridview control. There are 3 ways to achieve this
1. You can modify “SqlDataSource” control “SELECT” query, to include only the columns that you need.
2. Remove the “BoundField” column from gridview control that displays, EmployeeId
3. Set visibility property to false on the “BoundField” column from gridview control that displays, EmployeeId

Notice the column headers in the gridview control. They are same as the column names in the table. For example, we want a space between First and Name in FirstName. Similary, we want spaces for LastName, DateOfBirth, AnnualSalary and DepartmentName.
FirstName = First Name
LastName = Last Name
DateOfBirth = Date Of Birth
AnnualSalary = Annual Salary
DepartmentName = Department Name

To achieve this, change “HeaderText” property of the respective column, in the gridview control.

When you run the application, DateOfBirth column displays both Date and Time. I want only the “date” to be displayed. We can very easily achieve this using DataFormatString property. We have set DataFormatString=”{0:d}”, which will display short date pattern. Setting DataFormatString=”{0:D}”, will display long date pattern.

For the complete list of “Standard Date and Time Format Strings”, please visit MSDN link below.
http://msdn.microsoft.com/en-gb/library/az4se3k1.aspx

For the annual salary column, I want to display currency symbol. For example, depending on your application requirement, you may want to display, either United States dollar ($), Great British Pound(£) or Indian Rupee Symbol. To achieve this use currency format string “0:c”. If you want to display 2 decimal places using “0:c2”

For the complete list of “Standard Numeric Format Strings”, please visit MSDN link below.
http://msdn.microsoft.com/en-gb/library/dwhawy9k.aspx

Currency symbol will be displayed, based on the default culture setting. For example,
If your default culture setting is “en-US”, United States Dollar symbol will be displayed
If your default culture setting is “en-GB”, Great British Pound symbol will be displayed
If your default culture setting is “en-IN”, Indian Rupee symbol will be displayed

Culture can be specified in web.config using globalization element’s culture attribute.

It is possible to override culture setting on a page-by-page basis. To set the culture declaratively in the aspx page, use “Culture” attribute of the “Page” directive.

To override the culture programmatically
System.Threading.Thread.CurrentThread.CurrentCulture = new System.Globalization.CultureInfo(“en-GB”);

    Access DataSource in asp.net AccessDataSource in asp.net Alert another gridview ascending asp net gridview access database asp.net asp.net c# bind xml to gridview asp.net data source controls asp.net datagridview asp.net datasource controls asp.net get data from access database asp.net gridview asp.net gridview bind to xml asp.net gridview edit asp.net gridview formatting asp.net gridview sqldatasource asp.net gridview xml c# asp.net gridview xml file asp.net ms access database example asp.net objectdatasource explained between bi-directional bidirectional bind xml file to gridview in asp.net binding xml file to gridview business objects C# c# accessdatasource c# data source object c# datagrid example c# get data from access database c# gridview sqldatasource c# sql data source connection string c# sqldatasource example c# sqldatasource selectcommand c# xslt example c# xslt transform xml document c# xslt tutorial c#.net cells changing data checkbox client-side code colspan CompareAllValues compute concurrency confirm ConflictDetection conflictdetection property content control controls convert xml node to attribute custom paging Data DataFormat String DataFormatString datagrid in asp.net datagrid in c# DataKeyNames dataset datasource datasource controls default paging delete delete confirmation delete data Deleting deleting data descending detailed data details view details view in asp.net DetailsView difference display Displaying displaying gridview document Drill Down Drilldown drilling down dropdownlist edit edit and update editing EmptyDataTemplate EmptyDataText event example Excel Export exporting footer footer row format formatting gridview at runtime Formatting gridview in code generate Grid View gridview gridview currency format gridview datasource xml file gridview date format gridview ms access database gridview retrieve templatefield value gridview RowDataBound gridview template gridview templatefield gridview templatefield get control GridViewDeletedEventArgs hierarchical data how how to display date in gridview without time How to get value from TemplateField in GridView how to pass data from gridview to another page in asp.net image field imagefield images implement implementing insert inside javascript jquery KeepInEditMode Merging. merge microsoft multiple rows nested nested gridview nesting no data no rows in datasource object datasource object datasource in asp.net objectdatasource objectdatasource in asp.net order OverwriteChanges page page numbers page size paging pdf properties read xml file with child nodes c# Repeater Retrieve ItemTemplate control value in Gridview row cells rowcommand rowdatabound rowdatabound event RowDataBound example RowDeleted event RowUpdated several rows show date only in gridview showing sort sort arrows sort images sortable Sorting sqldatasource sqldatasource in asp.net stored procedures summary data templatefield totals tutorial two or more rows Update update data Updated updating updating data Use use optimistic concurrency using validation Validation Controls web server when without without data source controls without datasource controls Word workbook working with xmldatasource in asp.net xslt basics xslt example xslt to transform xml to xml xslt transformation xslt transformation c# example