Quick Links
ASP.NET Grid Documentation - Client-Side API
Obout.Grid
namespace
Obout.Grid.Grid
class
<%@ Register TagPrefix="obout" Namespace="Obout.Grid" Assembly="obout_Grid_NET" %>
Client-Side Properties
Name
Description
SelectedRecords
Array
. Array containing all the selected records from the Grid.
See also
working example
.
PageSelectedRecords
Array
. Array containing all the selected records from the current page of the Grid.
See also
working example
.
Rows/Cells
Array
. A collection of objects containing all the data from the Grid's cells.
Usage:
grid1.Rows[i].Cells[j].Value
See also
working example
.
RecordInEditMode
Int
. The index of the record which is currently in edit mode.
Usage:
alert(grid1.RecordInEditMode);
GridMainContainer
The client-side DIV object containing all the elements of the Grid.
Usage:
grid1.GridMainContainer
GridHeaderContainer
The client-side DIV object containing the Header.
Usage:
grid1.GridHeaderContainer
GridBodyContainer
The client-side DIV object containing the Body with records.
Usage:
grid1.GridBodyContainer
GridFooterContainer
The client-side DIV object containing the Footer.
Usage:
grid1.GridFooterContainer
Client-Side Methods - Populating With Data
Name
Description
refresh
Forces the Grid to refresh its records from the server.
See also
working example
.
Client-Side Methods - Record Selection
Name
Description
selectRecord
Selects the record with the specified index.
See also
working example
.
deselectRecord
Deselects the record with the specified index.
See also
working example
.
Client-Side Methods - Columns
Name
Description
showColumn
Shows the column with the specified index/data field.
See also
working example
.
hideColumn
Hides the column with the specified index/data field.
See also
working example
.
Client-Side Methods - Add/Edit/Delete Records
Name
Description
executeInsert
Inserts a new record into the database. This function can be called from outside the Grid, by passing the data as a parameter.
See also
working example
.
executeUpdate
Updates a record from the database. This function can be called from outside the Grid, by passing the data as a parameter.
See also
working example
.
executeDelete
Deletes a record from the database. This function can be called from outside the Grid, by passing the data as a parameter.
See also
working example
.
edit_record
Puts a record in edit mode.
See also
working example
.
update_record
Updates a record that is in edit mode.
See also
working example
.
cancel_edit
Cancels the editing of a record..
See also
working example
.
delete_record
Deletes the specified record.
See also
working example
.
addRecord
Creates the row for the new record.
See also
working example
.
insertRecord
Inserts the new record into the database.
See also
working example
.
cancelNewRecord
Cancels the adding of the new record.
See also
working example
.
saveAll
Saves all the changes (when the multi-record add/edit/delete feature is used)
See also
working example
.
cancelAll
Cancel all the changes (when the multi-record add/edit/delete feature is used)
See also
working example
.
modifyTemporaryRecord
Modifies a temporary added/edited record (when the multi-record add/edit/delete feature is used)
See also
working example
.
removeTemporaryRecord
Removes a temporary added record (when the multi-record add/edit/delete feature is used)
See also
working example
.
undeleteTemporaryRecord
Undeletes a temporary deleted record (when the multi-record add/edit/delete feature is used)
See also
working example
.
Client-Side Methods - Filtering Records
Name
Description
addFilterCriteria
Adds a filter criteria that will be used when the
executeFilter
method will be called.
Usage:
grid1.addFilterCriteria(columnName, filterType, valueToFilter);
Example:
grid1.addFilterCriteria('ShipCountry', OboutGridFilterCriteria.EqualTo, 'USA');
Possible values for the filterType:
OboutGridFilterCriteria.NoFilter
OboutGridFilterCriteria.Contains
OboutGridFilterCriteria.DoesNotContain
OboutGridFilterCriteria.StartsWith
OboutGridFilterCriteria.EndsWith
OboutGridFilterCriteria.EqualTo
OboutGridFilterCriteria.NotEqualTo
OboutGridFilterCriteria.SmallerThan
OboutGridFilterCriteria.GreaterThan
OboutGridFilterCriteria.SmallerThanOrEqualTo
OboutGridFilterCriteria.GreaterThanOrEqualTo
OboutGridFilterCriteria.IsNull
OboutGridFilterCriteria.IsNotNull
OboutGridFilterCriteria.IsEmpty
OboutGridFilterCriteria.IsNotEmpty
See also
working example
.
executeFilter
Applies the filter criterias added with the
addFilterCriteria
method.
Usage:
grid1.executeFilter();
See also
working example
.
showFilter
Opens the filter.
See also
working example
.
filter
Applies the filter based on the selected filter criterias.
See also
working example
.
hideFilter
Hides/closes the filter.
See also
working example
.
removeFilter
Removes the previously applied filter.
See also
working example
.
Client-Side Methods - Paging
Name
Description
changePage
Changes the page of the Grid to the specified index.
See also
working example
.
getCurrentPageIndex
Returns the index of the current page.
getPageSize
Returns the value selected in the page size selection dropdown
(the number of records displayed on each page)
getTotalNumberOfRecords
Returns the total number of records.
Client-Side Methods - Exporting
Name
Description
exportToExcel
Exports the data from the Grid to an Excel file.
Usage:
grid1.exportToExcel("OboutGrid", false, true, false, false);
Arguments:
fileName
- the name of the file (without extension) where the data will be exported
keepFormatting
- if set to true some of the properties of the columns will also be exported (Width, Align, HeaderAling, Wrap
usePaging
- export all the records or just the current page
addTimeStamp
- append a timestamp to the name of the file (for generating unique file names)
Office2007
- if set to true, the exported files will be compatible with MS Office 2007
useHiddenColumns
- if set to true, the invisible columns will be exported too
columnsForExport
- a string containing the columns that will be exported
See also
working example
.
exportToWord
Exports the data from the Grid to a Word file.
Usage:
grid1.exportToWord("OboutGrid", true, false, true, false);
Arguments:
fileName
- the name of the file (without extension) where the data will be exported
keepFormatting
- if set to true some of the properties of the columns will also be exported (Width, Align, HeaderAling, Wrap
usePaging
- export all the records or just the current page
addTimeStamp
- append a timestamp to the name of the file (for generating unique file names)
Office2007
- if set to true, the exported files will be compatible with MS Office 2007
useHiddenColumns
- if set to true, the invisible columns will be exported too
columnsForExport
- a string containing the columns that will be exported
See also
working example
.
Client-Side Methods - Records
Name
Description
getRecordsIds
Returns a list with the ids of all the records from the Grid.
See also
working example
.
Client-Side Methods - Printing
Name
Description
print
Prints the grid.
Usage:
grid1.print();
See also
working example
.
Client-Side Properties / Methods - Master / Detail
Name
Description
DetailGrids
A collection with all the detail grids of a master grid.
Usage:
grid1.DetailGrids[index]
See also
working example
.
ForeignKeys
A collection with all the foreign keys of a detail grid.
Usage:
grid1.ForeignKeys.SomeColumnName.Value
See also
working example
.
getDetailGrid
Retrieves a detail grid object, based on the value of the foreign key passed as the parameter.
Usage:
grid1.getDetailGrid({ForeignKey1: Value1, ForeignKey2: Value2, ...});
See also
working example
.
"
Obout is one impressive company. I’ve been developing hardware and software for about 35 years and I have not seen a company that has done such an incredible job with their website in support of their software, to say nothing about the quality of the various objects you have created at a very reasonable price!!
"
Greg Schneider
Founding Director - HEAL Project
Random testimonial
All testimonials
obout.com
obout.com Home
News
Grid Home
Grid Home
Download
Site Map
Examples
- 313
Appearance
- 2
Style Gallery
Live Styles
Populating with data
- 16
Declaratively (Design-time)
- 4
Binding to ObjectDataSource
Binding to SqlDataSource
Binding to XmlDataSource
Populating from Stored Procedures
At Run-time
- 6
Binding to DataSet
Binding to DataReader
Binding to DataTable
Binding to Generic Collections
Binding to Linq
Binding to LinqDataSource
Best Performance
- 3
DataSourceNeeded Event
Paged ObjectDataSource
Partial Load
Miscellaneous
- 3
Switching Data Sources
Populate on Button Click
Pivot Table
Add/Edit/Delete
- 26
Standard
- 3
Add/Edit/Delete Records
Multi-Record
Position for New Record/Links
Custom Editors
- 5
Using Custom Forms
Sliding Row Editor
Using Super Form
Using Super Form in Window
Using Flyout
Excel-Style
- 2
Excel-Style
Excel-Style with Autosave
Custom Triggers
- 4
Edit using Context Menu
Edit on Click
Edit on Double-Click
Edit on Dbl-Click with Auto-Save
Saving to Database
- 8
Automatic Updates
Using SqlDataSource
Using ObjectDataSource
Using Stored Procedures
Detect Unsaved Changes
Add to empty table
Default Values for Add/Edit
Save Changes on the Client Side
User Confirmation
- 2
Before Insert / Update / Delete
Confirmation Using Window
Handling Errors
- 2
Handling Errors
Handling Errors with Row Templates
Record Selection
- 13
Standard Selection
- 2
Select Records
PostBack on Select
Custom Selection
- 5
Select using Check Boxes
Select using only Check Boxes
Select using Radio Buttons
Select using Checkmark
Select All Group Records
Multiselect without CTRL/SHIFT
Retrieve Selected Records
- 2
Find Selected Records - Client-Side
Find Selected Records - Server-Side
Programmatic Selection
- 3
Client-Side
Server-Side
Select All Records
Columns
- 22
Manipulating Columns
- 4
Resizing Columns
Dynamic Column Resizing
Reordering Columns
Show / Hide Columns
Column Types
- 2
CheckBoxColumn
CheckBoxSelectColumn
Settings
- 15
AutoGenerateColumns
Align / HeaderAlign
AllowEdit / AllowDelete
ApplyFormatInEditMode
DataFormatString
Index
NullDisplayText
ParseHTML
ReadOnly
Wrap
Visible
Width
Relative Widths
Relative Width for the Columns/Grid
Auto Resize Columns
Miscellaneous
- 1
Different Styles
Paging
- 7
Mode
- 2
Standard Paging
Manual Paging
Customization
- 4
Position
Customize Paging
Customize Numbers of Pages
Show ALL records
Client-Side API
- 1
Change Page on Client
Sorting
- 4
Sorting
Multi-Column Sorting
Sorting Week Days
Allow Sorting for Columns
Filtering
- 25
Standard Filtering
- 1
Filtering Records
Custom Filtering
- 8
Filter Templates
Filter with Date Picker
Custom Filter Options with Templates
Between, By Year, By Month
Filter Localized Dates
Filter with On-Demand ComboBox
Live Search
Filter All with Live Search
Filter Settings
- 3
Filter Position
Initial State
ALL vs. ANY
Column Settings
- 3
Enable/Disable Filtering for Columns
Show/Hide Filter Criterias
Customize Filter Options
Programmatic Filtering
- 6
Initial Filter
Programmatic Filter - Client-Side
Alphabetic Filter
Keeping Filter State
External Filter Buttons
Filter On Blur
Best Performance
- 2
Filter with DataSourceNeeded Event
Filter with Paged ObjectDataSource
Miscellaneous
- 2
Validate Filters
Master/Detail with External Filters
Templates
- 31
Templates for Add/Edit
Templates for the Filter
Format Dates
Grid With Images
Add/Edit/Delete Buttons
Add/Edit/Delete Images
Multi-Record Add/Edit/Delete
Filter Buttons
Combine Columns
Hyperlinks in the Grid
Wrap the Headers
Manual Paging
Number the records
GroupHeaderTemplateId
Format Currencies
Custom Formatting
With Multiselect Listbox
Edit Using CheckBoxList
With Databound Controls
DropDownList with 'New'
View / Edit Details
Customize for Mobile Devices
Get values from textboxes
Detail View
Different Input Fields for Add/Edit
Different Row Fields for Add/Edit
Templates for Edit-Delete
Reports and Row Templates
Access checkboxes inside
Access radio buttons inside
Multiple Controls
Scrolling
- 16
Vertical Scroll with Fixed Headers
Horizontal Scroll
Dynamic Horizontal Scroll
Vertical & Horizontal
Automatic Scroll
Horizontal Scroll and Filter
Using Percentages
Full Window Width / Height
Automatic Resize with Splitter
Fixed (Frozen) Columns
Fixed (Frozen) Rows
Fixed Height
Fixed Height in Percentages
Virtual Scrolling
Virtual Scrolling with Paging
Keep Scroll On PostBack
Grouping
- 14
Grouping the Records
Allow Grouping for Columns
Initial Grouping
Groups Information
Multi-Page Groups Information
Show Collapsed Groups
Hide Columns When Grouping
Keep Expanded
Format the Group Headers
Customize the Group Headers
Custom Data in Group Headers
Expand/Collapse Groups
Allow Changes
Group using CheckBoxes
Totals / Sub-Totals
- 6
Totals
Sub-Totals in Group Footers
Sub-Totals in Group Headers
Aggregates
Totals of Selected Records
Summary Row
Master / Detail
- 35
Loading Mode
- 4
Load At Once (OnLoad)
Load On Demand (OnCallback)
Load On PostBack
Load On PostBack with UpdatePanel
Populate with Data
- 1
Populate from Stored Procedures
Add / Edit / Delete
- 6
Add / edit / delete at runtime
Declarative add / edit / delete
Using Stored Procedures
Excel Style
Using Super Form inside Window
Handling Errors
Self-Reference Display
- 1
TreeView Hierarchy
Settings
- 3
Show Empty Details - OnLoad
Show Empty Details - OnCallback
Detail Grid State
Miscellaneous
- 4
Multiple Details on the Same Level
Unlimited Number of Levels
Multiple Foreign Keys
Display Info in Flyout
Templates
- 4
Templates for Action Buttons
Detail Grid inside Row Template
Inline Templates inside Detail Grid
Row Template inside Detail Grid
Customizations
- 12
Expand/Collapse All
Client-Side Manipulation
Get Selected Records
Expand/Collapse on Select
Expand/Collapse using Hyperlinks
Different Styles
Select on Expand / Collapse
Expand a single detail grid
Keep Expanded Details
Separated Master/Detail Grids
Expand / Collapse on client side
Auto-Expanding (Fluid) Width
Column Sets
- 4
Column Sets
Column Sets on Multiple Levels
Scroll Column Sets Horizontally
Column Sets with Grouping
Exporting
- 20
Export to Excel / Word
Export to PDF
Export to CSV
Export Large Data Sets
Export on Server Side
Export Master/Detail Grids
Export Groups
Export Totals / Subtotals
Export Templates
Export Images
Export Title / Footer
Export Selected Records
Export CheckBoxColumn
Export Multiple Grids as a Single File
Export Column Sets
Customize Exported Files
Customize Individual Rows
Exported files Life Time
OnClientExportStart/Finish
ExportedFilesTargetWindow
Accessibility
- 2
Key Navigation
Customize the Keys
Localization
- 2
Localization
Custom Localization
Client-Side Events
- 2
Add / Edit / Delete
Expose the Sender
Server-Side Events
- 3
RowCreated/RowDataBound
ColumnsCreated
Row Title
Printing
- 5
Printing the Grid
Printing All Pages
Printing All Records without Scrollbars
Printing Selected Records
Printing Selected Columns
Validation
- 3
Using ASP.NET Validators
Validate Super Form inside Grid
Type Validation
Integration
- 21
E-Mail Client
File Browser
D-n-D to Tree
Linked with TreeView
Customers
With Easy Menu
With On-Demand ComboBox
With Master/Detail ComboBox
Context menu and CheckBoxes
With DatePicker
With Flyout
With File Upload Progress
With Tab Strip
HTML Editor Inline
HTML Editor in Row Template
With Color Picker
With Window
Using Tooltips
Inside Window
Task List
Purchase Order
ASP.NET AJAX
- 8
Live Quotes
With AJAX MaskedEditExtender
With AJAX AlwaysVisible
Millions of Records
Populate Edit Fields
View Row Details
Cascading ComboBoxes
Cascading ComboBoxes in Row Template
State Keeping
- 3
Save Column Widths
Keep Current Page
Keep Current Sort Order
Other Features
- 13
ShowLoadingMessage
Hover Effects
Multiple Grids
Refresh the Records
Clear the records
Generate IDs
Client-Side Model
Find and Replace
Using ASP.NET Themes/Skins
Multi columns validation
Validate unknown columns
Inline validation
Millions of Records
Mode
- 2
Callback Mode
Postback Mode
Layout Customization
- 4
Show/Hide Header/Footer
Align Elements in Footer
Wrap Footer Elements
Heading
Rows
- 4
Reorder Rows
Reorder Rows using Drag and Drop
Drag and Drop Rows between Grids
Customize Individual Rows
Knowledge Base
- 1
Knowledge Base
Documentation
- 25
Server-Side
Column
ColumnCollection
ColumnTemplateSettings
DetailGridLoadingMode
DetailGridState
FilterOption
FilterOptionsCollection
FilterOptionType
Grid
GridAddEditDeleteSettings
GridClientSideEvents
GridCssSettings
GridExportingSettings
GridFilterSettings
GridGroupInformation
GridGroupingSettings
GridLocalizationSettings
GridMasterDetailSettings
GridPagingSettings
GridRecordEventArgs
GridRuntimeTemplate
GridRuntimeTemplateEventArgs
GridScrollingSettings
GridTemplate
GridTemplateSettings
SortOrderType
TemplateContainer
TemplatesCollection
Client-Side
Client-Side API
ChangeLog
Tutorials
- 18
Add/Edit/Delete
Updating the Database
Updating using Linq
Appearance
Styles
Styles - Advanced
CSS Tutorial
Client-Side API
Client-Side Events
Columns
Columns
Configuration
Using the correct path
Design-Time Support
All Tutorials
Choosing Data Source
Changing Appearance
Populating with Data
Data-Binding
Serialize
Maximum Performance
Selecting Records
Access Selected Records
Templates
Templates
Runtime Templates
Templates for Buttons
Miscellaneous Tutorials
- 14
Getting the Generated ID
Loading the details with AJAX Page
Selecting the inserted/updated record
Server-side validation using Ajax
Edit on Click
Hide "no-records" message
Sending parameters
Disable combobox in Edit mode
Bind data after specified the filter
Get Column Index in template
Custom readonly column
Auto-scroll during postback
Delete button
Move records between grids
ASP.NET 2.0-4.0
AJAX Page
Calendar
Color Picker
Date Picker
File Upload Progress
Flyout
Grid
HTML Editor
Image Zoom
Listbox
Multilevel Listbox
Show
Spell Checker
Splitter
Super Form
Tab Strip
TreeView
Tree_DB
Window
Menu
Context Menu
Easy Menu
Slide Menu
Text Menu
Combobox
Combobox
AJAX Autosuggest
Multilevel Combobox
State Selector
Interface Controls
Button
Checkbox
Dropdown List
Multiline Textbox
Radio Button
Textbox
ASP.NET 3.5-4.0
Color Picker
File Upload
HTML Editor
Spell Checker
TreeView
ASP.NET MVC
Combobox
HTML Editor
Interface Controls
Listbox
Multilevel Combobox
Multilevel Listbox
State Selector
Download
Suite for ASP.NET
Customer log-in
Support
Knowledge base
Contact support
Install FAQ
Mailing list
Compare versions
Purchase
Purchase page
Contact Sales
License info
Terms of use
Company
Testimonials
Clients
About us
Contact us