New Version 1.1 of Ajax-powered dhtmlxGrid Comes Out

| Comments (2)

DHTMLX team released version 1.1 of its Ajax-enabled JavaScript grid control dhtmlxGrid. This version lays special emphasis on grid’s possibility to handle great volumes of data introducing such features as paging support and smart rendering. This DHTML grid also enables cell merging, improved drag-n-drop, frozen columns and some new event handlers.

DHTMLX is pleased to announce the release of dhtmlxGrid v.1.1, JavaScript grid component which brings Excel-like functionality on the web. Besides Ajax support, rich cell editing capabilities and client-side sorting presented in previous version, dhtmlxGrid v1.1 delivers some new functionality including cells merging (colspan functionality), frozen columns, improved cross-browser compatibility and others.

Paging support
To decrease loading time and simplify navigation through large amount of table records, version 1.1 introduces paging support. Table data can be divided into small datasets displayed on separate pages keeping all rows in entire dataset accessible for API methods. Grid content can be loaded entirely during initial load or pages can be loaded dynamically on demand through Ajax callbacks.

Ability to handle large datasets
One more feature that helps effectively work with large tables is Smart Rendering: grid records can be retrieved from server by small chunks on demand and rendered only when they are in visible area of the grid. It’s possible to proceed to any record in grid using scroll bar and work even with still unrendered records through JavaScript methods of grid. Due to this functionality, initial load time is greatly reduced.

Enhanced drag-n-drop
Drag-and-drop functionality presented earlier in version 1.0 was redesigned to provide fast performance and let users to quickly reorder grid rows. The tree structured grid extension dhtmlxTreeGrid provides drop-between and drop-inside capabilities which were earlier represented in dhtmlxTree. Now grid rows also can be drag-n-dropped into external HTML elements.

Extended server-side support
dhtmlxDataProcessor implemented in dhtmlxGrid allows grid data to be easily updated on server side. All changes made in browser can be automatically applied to a database. dhtmlxDataProcessor includes ready to use server side solutions for PHP(v.4 and 5), ASP and Ruby-on-Rails and easily can be extended to any other server side language.

In addition, grid API was extended with some helpful JavaScript methods and event handlers which make the control more flexible and customizable.

dhtmlxGrid 1.1 is available in two editions: Standard Edition and Professional Edition. The Standard edition is licensed under GNU General Public License (GPL) and can be downloaded from dhtmlxGrid Homepage. Professional Edition provides enriched functionality and can be purchased according to Commercial license ($149).

Comments

  1. Abhijeet Patil July 29, 2010 at 5:11 pm

    Hi,

    I am doing PoC over dhtmlxdatagrid.

    I have jason data getting written by server. Data consists of
    {“rows”:[{“id”:”0″,”data”:[“35424″,”Unknown”,”Unknown”,null,null,”4543 N Greenview Building Account”,”unknown”,”unknown”,””]}]}

    Now in datagrid i have 1st column as checkbox
    so after i check the check box i want to get value 35424

    I am able to display check box in first column and I am able to register check event for check box
    i have used methods like mygrid.cellByIndex(rowId,cellIndex).getAttribute(“value”),

    mygrid.cellByIndex(rowId,cellIndex).getTitle()
    but result for both of them is undifined.

    Any help on how to get the value 35424

    • Stanislav July 29, 2010 at 5:30 pm

      You can change your code as

      {”rows”:[{“id”:”35424″,”data”:[“0″,”Unknown”,”Unknown”,null,null,”4543 N Greenview Building Account”,”unknown”,”unknown”,””]}]}

      In such case , grid.getCheckedRows(0) – return a list of checked IDs

Leave a Reply