blog

Home / DeveloperSection / Blogs / WebGrid in MVC

WebGrid in MVC

Vijay Shukla7744 27-Sep-2013

In this blog I’m trying to explain the concept of WebGrid using MVC.

WebGrid is a predefine tool for web, WebGrid will Display the data on a web page in a tabular format (an HTML table element). We can do easily shorting (Ascending or Descending) and paging for our data. For using WebGrid in any application use the System.Web.Helpers.WebGrid Namespace

WebGrid Properties


AjaxUpdateCallback      

Gets the name of the JavaScript function to call after the HTML element that is associated with the WebGrid instance has been updated in response to an Ajax update request.

AjaxUpdateContainerId              

Gets the value of the HTML id attribute that marks an HTML element on the web page that gets dynamic Ajax updates that are associated with the WebGrid instance.

CanSort               

Gets a value that indicates whether the WebGrid instance supports sorting.

ColumnNames 

Gets a collection that contains the name of each data column that is bound to the WebGrid instance.

FieldNamePrefix            

Gets the prefix that is applied to all query-string fields that are associated with the WebGrid instance.

HasSelection    

Gets a value that indicates whether a row in the WebGrid instance is selected.

IsAjaxEnabled  

Returns a value that indicates whether the WebGrid instance can use Ajax calls to refresh the display.

PageCount         

Gets the number of pages that the WebGrid instance contains.

PageFieldName              

Gets the full name of the query-string field that is used to specify the current page of the WebGrid instance.

PageIndex         

Gets or sets the index of the current page of the WebGrid instance.

Rows    

Gets a list that contains the rows that are on the current page of the WebGrid instance after the grid has been sorted.

RowsPerPage   

Gets the number of rows that are displayed on each page of the WebGrid instance.

SelectedIndex 

Gets or sets the index of the selected row relative to the current page of the WebGrid instance.

SelectedRow    

Gets the currently selected row of the WebGrid instance.

SelectionFieldName     

Gets the full name of the query-string field that is used to specify the selected row of the WebGrid instance.

SortColumn       

Gets or sets the name of the data column that the WebGrid instance is sorted by.

SortDirection    

Gets or sets the direction in which the WebGrid instance is sorted.

SortDirectionFieldName             

Gets the full name of the query-string field that is used to specify the sort direction of the WebGrid instance.

SortFieldName

Gets the full name of the query-string field that is used to specify the name of the data column that the WebGrid instance is sorted by.

TotalRowCount

Gets the total number of rows that the WebGrid instance contains.

WebGrid Methods

 

Bind      

Binds the specified data to the WebGrid instance.

Columns             

Returns an array that contains the specified WebGridColumn instances.

GetContainerUpdateScript        

Returns a JavaScript statement that can be used to update the HTML element that is associated with the WebGrid instance on the specified web page.

GetHtml             

Returns the HTML markup that is used to render the WebGrid instance and using the specified paging options.

GetPageUrl       

Returns a URL that can be used to display the specified data page of the WebGrid instance.

GetSortUrl         

Returns a URL that can be used to sort the WebGrid instance by the specified column.

Pager   

Returns the HTML markup that is used to provide the specified paging support for the WebGrid instance.

Example:-

For example Read WebGrid in ASP.NET MVC4 Blog.


Updated 18-Sep-2014

Leave Comment

Comments

Liked By