jQWidgets ver.9.0.0

jQWidgets v9.0.0 Release, January-03-2020


What’s New:


– jqxGrid Charting – Data Visualization of Grid data in a Chart.
– jqxGrid export to .xlsx data format.
– jqxGrid export with Data Grouping.
– jqxGrid Progress and Rating columns.
– jqxGrid Rating cell editor with jqxRating.
– jqxGrid Material UI Pager Template.

What’s Improved:


– All Angular examples are with Ivy rendering.
– jqxGrid Data Export performance.

What’s Fixed:


– Fixed various typescript issues related to Angular 9 compatibility.
– Fixed an issue in jqxGrid regarding the dropdownlist filter component positioning.
– Fixed an issue in jqxGrid regarding the tabindex of the grid menu, when multiple grids are on the page.
– Fixed an issue in jqxGrid regarding the row details display in Firefox.
– Fixed an issue in jqxGrid PDF export when header export is disabled.
– Fixed an issue in jqxGrid Dropdownlist filter popup position while scrolling.
– Fixed an issue in jqxGrid regarding the gethroup method results.
– Fixed an issue in jqxGrid regarding the grouping dragging errors associated with isPassive prop.
– Fixed an issue in jqxGrid regarding tabbing and editing with enabled RTL mode.
– Fixed an issue in jqxGrid regarding the multi sorting, when sorting is applied while the Grid data source is empty.
– Fixed an issue in jqxGrid regarding the editing after addrow method is called, while sorting is applied.
– Fixed an issue in jqxGrid regarding the addrow method, when the Grid’s source is empty.
– Fixed an issue in jqxGrid regarding the grouping when aggregates and paging are turned on.
– Fixed an issue in jqxGrid regarding the editing, when the grid is initially empty and an editable row is added by calling addrow.
– Fixed an issue in jqxWindow regarding the resize method behavior.,
– Fixed an issue in jqxHeatMap rendering for IE11.
– Fixed an issue in jqxScheduler regarding the yearly recurrence edit.
– Fixed an issue in jqxScheduler regarding the work time, when the fromHour is set to 0.
– Fixed an issue in jqxTabs regarding the tabs rendering with Material themes.
– Fixed an issue in jqxTabs regarding the tabs close button behavior.
– Fixed an issue in jqxTreeGrid regarding the expandAll method and the checkboxes appearance after the treegrid is rendered.
ANGULAR, Angular 2, angular 4, angular 5, Angular 6, ANGULAR GRID, ASP .NET, JavaScript UI, JavaScript UI Widgets, JavaScript Widgets, jqxCalendar, jqxCheckBox, jqxMenu, jqxNumberInput, jqxProgressBar, jqxRadioButton, jqxSlider, jqxSplitter, jqxTabs, jqxTooltip, jqxTree, PHP, Pivot Grid, React, react grid, React Javascript Library, REACTJS, typescript, VUE, VUEJS

Leave a comment

</2019><2020>Happy New Year!

Happy New Year from jQWidgets. May you have a spectacular New Year! Wishing you a season of joy and looking forward to continued success in 2020!
Uncategorized

Leave a comment

Grid with New Pager Mode

The next release of jQWidgets will be in the first week of January 2020. It comes with a new modern looking Grid Pager. This will be the third Pager mode of the Grid, which now has “default” and “simple” pager rendering modes. See a live Grid Pager Modes Example. The name of the new pager rendering mode will be “material”, inspired by the Material Design, which we see in every new web application.
Material Pager
To apply that style to your Grid, all you need to do is to set the “pagermode” property to “material”. Of course, the feature will be available for Angular, Vue, React and Javascript.
ANGULAR, ANGULAR GRID, angular8, Grid, JavaScript, JavaScript UI, JavaScript Widgets, jqxGrid
,

Leave a comment

Happy Holidays!!!

Wishing you a Happy Holiday and a joyful New Year.
Best wishes from your friends at jQWidgets!
Uncategorized

Leave a comment

Data Visualize Grid Data

The upcoming release of jQWidgets will introduce the Grid’s integrated charting functionality. The charting is implemented through our jqxChart component and is using the Grid data source. jqxChart can also be exported to .PDF, .PNG of .JPEG.

Grid Charting


There are two approaches to create a Chart:

Create a Chart by using the jqxGrid’s Cells or Rows selection.
Create a Chart by using the jqxGrid and jqxChart API. This solution allows us to use the full data set.

The Toolbar with Charting options is displayed in the jqxGrid toolbar. When you click on a Chart Type, the Grid will create it and display it in jqxWindow. To create Charts, users will need to import the jqxGrid, jqxChart and jqxWindow related files.

Below is displayed a jqxChart created through cells selection by dragging.


Two new Column types will also be included in the next version of jQWidgets.

Progress Bar Column




Ratings Column




All of the above features will be available for Angular, React, Vue and Javascript.
Chart, jqxGrid

Leave a comment

Angular v9: 9.0.0-rc.3

We have been working and testing the latest Angular releases to make sure we support the new Ivy Compiler so our customers can use Angular v9. Our team just finished testing the jQWidgets Angular Components with the latest build – Angular 9.0.0-rc.3 and all our tests passed well.

We would like to say Thank you to all our customers. Your feedback helped us to improve our UI components.

Uncategorized
,

Leave a comment

ASP .NET Blazor

What is Blazor?



Blazor is the new hot thing for .NET WEB Development. With Blazor, you can build modern server-side applications using C#. Client and Server code with Blazor is written in C#.


Blazor is a new feature of ASP.NET. With it, the C# code can call JavaScript APIs and libraries. You can continue to use the large ecosystem of JavaScript libraries that exist for client side UI while writing your logic in C#. Blazor is also free. It comes as part of the open-source .NET platform that has a strong community.


Can we use Blazor with jQWidgets?


Yes, you can. jQWidgets is a Javascript framework and as such it can be easily used with Blazor i.e you can write code in C# and the code will call jQWidgets components API.


Blazor and Server-Side


When using server-side code execution, Blazor takes care of executing any JavaScript code on the client.

How to use jQWidgets with Blazor?


WYou can learn how: Using jQWidgets with ASP .NET Blazor.

The Blazor tutorial is about adding and using jQWidgets components in a Blazor web application. The output of the tutorial will be a great looking jqxGrid component in a Blazor Web Application:

ASP-NET-BLAZOR
Uncategorized
, , , , , , ,

2 Comments

jQWidgets ver8.3.2

jQWidgets v8.3.2 Release, October-17-2019



jqxGrid Dark Mode

What’s New:

– Angular Ivy support.

What’s Fixed:

– Fixed an issue in jqxGrid Grouping regarding to its rendering when built with Angular Ivy.
– Fixed an issue in jqxGrid Angular Component about Grouping error thrown by setbatchgroupstate function.
– Fixed an issue in jqxGrid about Filtering Dates, when the date format is custom.
– Fixed an issue in jqxGrid about Filtering with custom source.filter callback function.
– Fixed an issue in jqxGrid about autoheight rendering overlap.
– Fixed an issse in jqxGrid about adding new row. The boundindex of the row was not set so editing it was not possible.
– Fixed an issue in jqxGrid about an error when using showfilterrow, groupable and autoloadstate.
– Fixed an issue in jqx.black.css about an outdated CSS syntax.
– Fixed an issue in jqxScheduler about rendering of appointments in TimelineView.
– Fixed an issue in jqxDataTable and jqxTreeGrid about dynamically changing the columnGroups.
– Fixed an issue in jqxTreeGrid about dynamically setting the theme property.
– Fixed an issue in jqxTabs about the enabled “showCloseButtons” option with “reorder” option.
ANGULAR, Angular 2, angular 4, angular 5, Angular 6, ANGULAR GRID, angular tree, Angular5, angular7, angular8, ASP .NET, ASP.NET Core Tag Helpers, Chart, custom elements, Grid, html elements, JavaScript, JavaScript Plugins, JavaScript UI, JavaScript UI Plugins, JavaScript UI Widgets, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxButton, jqxCalendar, jqxChart, jqxCheckBox, jqxComboBox, jqxDateTimeInput, jqxDock, jqxDropDownList, jqxExpander, jqxGrid, jqxInput, jqxListBox, jqxMaskedInput, jqxMenu, jqxNavigationBar, jqxNumberInput, jqxProgressBar, jqxRadioButton, jqxRating, jqxResponse, jqxRibbon, jqxScrollBar, jqxSlider, jqxSplitter, jqxTabs, jqxTooltip, jqxTree, jqxTreeMap, jqxValidator, jqxWindow, PHP, Pivot Grid, React, react grid, React Javascript Library, REACTJS, typescript, Uncategorized, VUE, VUEJS
, , , , , , , , , , , , ,

Leave a comment

Angular Ivy

Introducing Angular Ivy to jQWidgets

Angular Ivy

What is Angular Ivy?

Ivy is the code name for Angular’s next-generation compilation and rendering pipeline. It takes your Typescript code and transpile it to Javascript.
Starting with Angular version 8, you can choose to opt in to start using a preview version of Ivy and help in its continuing development and tuning. More about Ivy: https://angular.io/guide/ivy.
Ivy is smaller, faster, and simpler. It will become the default engine in Angular 9.
Angular Ivy includes two key concepts: Locality and Tree-shaking.

Locality and Tree-shaking

Locality means that Ivy compiles one file at a time. It only looks at a component and its template, not its dependencies, when generating the output. Tree-shaking means that, if you are not using something in Angular, it does not get included.

What Ivy Means to all Angular application developers

By using Angular Ivy, the benefits are:
  1. 1. Better build times (with a more incremental compilation)
  2. 2. Better build sizes (with a generated code more compatible with tree-shaking)
  3. 3. Unlocks new potential features (metaprogramming or higher order components, lazy loading of component instead of modules, a new change detection system not based on zone.js…)
  4. 4. Human Readable Code
  5. 5. Faster Development

The Good News about jQWidgets & Angular Ivy

We are very happy to share that jQWidgets Angular Components are now fully compatible and tested with the Angular Ivy Engine. Now you can build your apps with the latest and biggest feature of Angular and take use of all of its advantages. You may take a look at: jqwidgets-ng

We do not have to change how we write our applications.
Angular Ivy View Engine aims to be compatible with the existing applications,
so we will just need to turn it on, no changes to the code needed.

ANGULAR, Angular 2, angular 4, angular 5, Angular 6, ANGULAR GRID, angular tree, Angular5, angular7, angular8
, , ,

Leave a comment

jQWidgets ver8.2.0

The newest version of jQWidgets includes the following changes:

What’s New:

– Added Smart Web Components to the package.

What’s Fixed:

– Fixed Angular 8 related issue in jqxGrid grouping.
– Fixed Angular 8 related issue in jqxGrid filtering.
– Fixed Angular 8 related issue in jqxGrid, jqxDataTable and jqxTreeGrid about data export.
– Fixed Angular 8 related issue in jqxListBox about inserting new items.
– Fixed Angular 8 related issue in jqxCheckBox about the checked event.
– Fixed Angular 8 related issue in jqxGrid about the virtualization.
– Fixed Angular 8 related issue in jqxDateTimeInput about the Localization and Formatting.
– Fixed Angular 8 related issue in jqxCalendar about the Localization and Formatting.
ANGULAR, angular8


Leave a comment