JavaScript grid

257 views

Published on

The ShieldUI Grid component boasts exceptional performance and a high level of customizability. This page lists some of its main features.

Paging

Load only a subset of the data to adjust the control to the screen and scenario limitations. Allow intuitive interaction for the user through the fully customizable, built-in navigation pager. Take advantage of the paging API of the control, to enable even greater degree of flexibility.

Sorting

Allow end-user data sorting for the rendered data out-of-the-box. Custom api allows triggering of the sorting mechanism via code. Multiple sorting modes enable coverage for all sorting behaviors by simply setting the API of the control.

Scrolling

Allowing scrollable contents for the grid control is essential for situations where there is insufficient space to render the complete set data. Thanks to the ShieldUI intuitive architecture, this layout is available through a single property.

Conditional formatting

Allow easy formatting of data and layout in the grid. This can be done either conditionally, based on predefined conditions, or for whole sections of the control, such as a column.

Master-Details layout

Easily enable correlation of two or more grid controls. The scenarios of “master-detail” relationship between two grids are straightforward to configure, thanks to the intuitive api of the control.

Events

Take advantage of a large number of client-side events. They allow customizing your application to the smallest detail.

Databinding

Bind the control to either local or remote data. Take advantage of a unique data source control that simplifies operations, exposes a flexible api and allows unmatched performance. The control can also be easily initialized through a table on the hosting html page. Remote databinding to an xml file is also handled easily out-of-the-box.

Column and Row customization

Gain full control of the layout of you grid. The flexible grid architecture allows customization at both column and row levels. Tweaking the appearance to the smallest details is yet another powerful feature to fully utilize the control.

Virtualization

Binding to hundreds of thousands or even millions of records is not a problem for the ShieldUI control. It does not cause any performance hits, thanks to the optimized virtualization mechanism of the control, which loads only the required records for the current view.

Reduce the development time and speed up the performance your application by:

Reducing postbacks for better user experience
Producing minimal amount of clean HTML and CSS
Decreasing memory usage and having code free from memory leaks
Minimizing JavaScript footprint by only loading records, which are needed

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
257
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

JavaScript grid

  1. 1. JavaScript Grid By ShieldUI
  2. 2. Intro The ShieldUI Grid component boasts exceptional performance and a high level of customizability. This page lists some of its main features. Paging Load only a subset of the data to adjust the control to the screen and scenario limitations. Allow intuitive interaction for the user through the fully customizable, built-in navigation pager. Take advantage of the paging API of the control, to enable even greater degree of flexibility. Sorting Allow end-user data sorting for the rendered data out-of-the-box. Custom api allows triggering of the sorting mechanism via code. Multiple sorting modes enable coverage for all sorting behaviors by simply setting the API of the control. Scrolling Allowing scrollable contents for the grid control is essential for situations where there is insufficient space to render the complete set data. Thanks to the ShieldUI intuitive architecture, this layout is available through a single property. Conditional formatting Allow easy formatting of data and layout in the grid. This can be done either conditionally, based on predefined conditions, or for whole sections of the control, such as a column. Master-Details layout Easily enable correlation of two or more grid controls. The scenarios of “master-detail” relationship between two grids are straightforward to configure, thanks to the intuitive api of the control. Events Take advantage of a large number of client-side events. They allow customizing your application to the smallest detail. Databinding Bind the control to either local or remote data. Take advantage of a unique data source control that simplifies operations, exposes a flexible api and allows unmatched performance. The control can also be easily initialized through a table on the hosting html page. Remote databinding to an xml file is also handled easily out-of-the-box. Column and Row customization Gain full control of the layout of you grid. The flexible grid architecture allows customization at both column and row levels. Tweaking the appearance to the smallest details is yet another powerful feature to fully utilize the control. Virtualization Binding to hundreds of thousands or even millions of records is not a problem for the ShieldUI control. It does not cause any performance hits, thanks to the optimized virtualization mechanism of the control, which loads only the required records for the current view. Reduce the development time and speed up the performance your application by: Reducing postbacks for better user experience Producing minimal amount of clean HTML and CSS Decreasing memory usage and having code free from memory leaks Minimizing JavaScript footprint by only loading records, which are needed
  3. 3. Output
  4. 4. Getting Started In order to take advantage of the functionalities offered by our grid component, you will need to: 1. Include references to all required scripts and css files. 2. Add the control declaration along with the desired properties.
  5. 5. Resources Documentation: https://www.shieldui.com/documentation/grid/ javascript/getting.started Demos: https://demos.shieldui.com/web/gridgeneral/basic-usage

×