advertisement

JavaScript grid

50 %
50 %
advertisement
Information about JavaScript grid
Technology

Published on February 16, 2014

Author: ShieldUI

Source: slideshare.net

Description

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
advertisement

JavaScript Grid By ShieldUI

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

Output

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.

Resources Documentation: https://www.shieldui.com/documentation/grid/ javascript/getting.started Demos: https://demos.shieldui.com/web/gridgeneral/basic-usage

Add a comment

Related presentations

Presentación que realice en el Evento Nacional de Gobierno Abierto, realizado los ...

In this presentation we will describe our experience developing with a highly dyna...

Presentation to the LITA Forum 7th November 2014 Albuquerque, NM

Un recorrido por los cambios que nos generará el wearabletech en el futuro

Um paralelo entre as novidades & mercado em Wearable Computing e Tecnologias Assis...

Microsoft finally joins the smartwatch and fitness tracker game by introducing the...

Related pages

The JAVASCRIPT GRID – A JavaScript based grid overlay

The JAVASCRIPT GRID provides an easy to use and customizable grid overlay for every website—including presets for 960.gs, blueprint and Less Framework 4.
Read more

Demos: Grid | JavaScript UI - w2ui

Grid The most popular way to display table data is in the form of a grid. Grid is the most feature-rich widget in w2ui library. It provides a variety of ...
Read more

The most advanced JavaScript Grid. Works with jQuery and ...

jqxGrid is powerful data grid widget built in JavaScript. It offers rich functionality, easy to use APIs and integration with jQuery, AngularJS and Angular2.
Read more

JavaScript Grid - Ajax Data Grid - dhtmlxGrid

Editable JavaScript grid with fast performance, filtering, sorting, smart rendering, drag and drop, paging and other features essential for js data grid
Read more

Lightweight Grid jQuery Plugin - jsGrid

Lightweight Grid jQuery Plugin - jsGrid. ... jsGrid works with any type of data source from static javascript array to REST-service. Sorting.
Read more

Backgrid.js - A powerful widget set for building data ...

Backgrid.js. Backgrid.js is a set of components for building semantic and easily stylable data grid widgets. It offers a simple, intuitive programming ...
Read more

JavaScript Spreadsheet Library for Developers | Handsontable

JavaScript Spreadsheet library for developers The hassle-free, hands-on table solution for building stunning web applications. DOWNLOAD FREE TRIAL.
Read more

JavaScript Grid Widget – Webix DataTable

Incredibly fast and lightweight JavaScript grid widget Webix DataTable shows high performance on both desktop and mobile devices and can be styled with CSS.
Read more

JavaScript – SELFHTML-Wiki

JavaScript. Aus SELFHTML-Wiki. Wechseln zu: Navigation, Suche. Für die Entwicklung dynamischer Webseiten ist JavaScript unerlässlich. Mit ihr lassen sich ...
Read more

JavaScript – Wikipedia

Entwicklung. Die Syntax von JavaScript ähnelt jener der C-Abkömmlinge, wozu auch Java gehört. Trotz der Namens- und syntaktischen Ähnlichkeit hat ...
Read more