HTML TreeGrid v3.0 is out

clock January 16, 2018 15:37 by author htmltreegrid

 

2017 was a busy year for us, and below are some of the things we accomplished (These are just the highlights):

Our latest release of all our products (Flex,HTML,iOS, Android, React, WebComponents) has a big improvement – much smoother horizontal scrolling.  We’ve made a significant change in how we do renderer recycling across all our products. We already had this approach working with vertical scrolling for a while now, and we finally ported it to horizontal scrolling as well. For most grids the difference will be minor – but if you have grids with a very large number of columns, and especially if your cells have a lot of styling (colors, background colors, etc) you should see visible performance gains.

For our HTML customers, we've made the following enhancements:

Support for Angular 5. As most of you are aware, we already integrate with AngularJS as we talked about in this blog post : http://blog.htmltreegrid.com/post/Angular-JS-Support.aspx . With our latest release, we have added support for Angular 5: http://blog.htmltreegrid.com/post/Angular-5-DataGrid-support.aspx

 

Introduction of a Pure Native React DataGrid:

React has for a while been now gaining momentum, and some would argue is on track to bypass angular in terms of popularity. For those of our customers who have chosen to go with react, We released a native React based datagrid component. http://reactdatagrid.com/. Its already on version 1.7 and is constantly getting better.

 

WebComponents: In addition to React and Angular, WebComponents is gaining a lot of momentum because its built on open standards and as browsers evolve, will be supported fully natively without the need for a third party framework like React or Angular. This is one of the reasons some of our largest Enterprise customers are investing in this technology and we are partnering with them to ensure our product is available to them in that ecosystem. A lot of the work is available on github https://github.com/flexicious/flxs-webcomponents-tree-grid  


 Consutling

More importantly, we’ve grown more from a pure product company to a consulting organization. We now have dozens of people working on projects that use our products for a number of customers. For Flex, HTML (Angular, React, Web Components), Android, as well as iOS. This helps us continuously improve our products as well as assist customers with their unique requirements. Since the datagrid component is at the heart of most business applications, we’re uniquely positioned to assist our customers develop applications faster and better than most other consulting companies. To find out how we can help you jumpstart your project, contact us today!

Below are some additional changes introduced as a part of this release.

 

1.     Added MultiSelectComboBox Popup scrollable container with minHeight 250px.

2.     Fixed UIUtils#attachClass domElement className NullException.

3.     Added RowInfo#refreshCells

4.     Added border for last column in a columnGroup.

5.     PageFooter, PageHeader, PagePreview, PrintHeader, PrintFooter directly extends from UIComponent.

6.     Removed Arrow Navigator to columngroup cells.

7.     Enhanced drag-n-drop.

8.     Added enableHeaders as  FDG Level property. (default => true)

9.     Added showTooltip (=false), columnWidthModeFitToContentWidthCalculator (=null) as FDG Column property.

10.  There no more static_dataCellRenderer as default cell renderer.

11.  Added destroyEditorOnMouseDownOnGrid (=true),  enableBody (= true), enableColumnGroupSeparators (=true), columnGroupSeparatorColor (=0x3c3c3c) , columnGroupSeparatorThickness(=2),  enableDeferredScrolling (=false),  enableSuspendPaintWhileScrolling (=false), destroyEditorOnMouseDownOutsideEditor (=true) ,

ControlClickMultiColumnsSort (=false), enableDoubleClickOnEditableCell(=false), doubleClickTimerDuration(=250ms)  as property,                                    

SCROLLCOMPLETE, FlexDataGrid.EVENT_ITEMRIGHTCLICK, FlexDataGridEvent.ITEM_EDIT_CANCELING as event listener,    sortIconPlacementFunction, sortPlacementFunction, expandCollapseIconDrawFunction as callback, getVerticalScrollPolicy() method to FDG.

 

12.  Added capability to parse Grid configuration from JSON.

13.  Prevent Arrow Key handler in filter Container.

14.  Added FlexDataGrid# throttle.

15.  Enhanced FDG DataCell and implemented FDG DataCell3 for performance optimization

16.   Added UIComponent.pauseMouseEvents, UIComponent#setTextDeferred

17.  Added LabelFunction callback to MSCB.

18.  Simple example modified as Grid Json configuration instead of XML configuration.

19.  Added Exporter ->FileSaver functionality.

20.  ExportOptions has no default echoUrl anymore.

21.   Added MultiSelectComboBoxEx

22.  Fixes for MSCB [NONE] items.

23.  Fixed DateComboBox custom date selector two time click issue in Safari/Chrome in Mac.

24.  Fixed MSCB scroll problem in Thinkpad.

25.  Enhanced FDG#trackChanges implementation.

26.  Enhanced RendererCache to optimize FDG performance.

27.  Fixes for sort with null or undefined or NaN for numeric sort.

28.  Fix for when you scroll down, swap out the dataprovider.

29.  Enhanced FDG ContainerBase to restore old data on press escape.

30.  Modified FlexDataGridContainerBase for trackchanges on press escape.

31.  Fixes restore headerbackgroundcolor on drag end.

32.  On editing, null values are not being applied for complex fields.

33.  Added click event listener to sort-icon.



Angular 5 DataGrid support

clock January 7, 2018 20:07 by author htmltreegrid

As most of you are aware, we have supported Angular for a longtime:

Here are a couple blog posts in regards to our support:

http://blog.htmltreegrid.com/post/AngularJS-DataGrid-Component-Why-our-Angular-DataGrid-is-better.aspx
http://blog.htmltreegrid.com/post/Angular-JS-Support.aspx

With Angular 5, the team changed a few things around how the directives are wired. Below, please find attached a sample project that runs angular 5.

html-tree-grid-angular-5.zip (268.12 kb)