NEW VERSION RELEASED! Webix 11 Read More Core Updates, Extended Functionalities in SpreadSheet and File Manager and more

WEBIX JAVASCRIPT LIBRARY BLOG

UI development best practices, front-end programming tips and news to speed up your Web development.

Follow us:

Write for us: learn about our guest posts guidelines.

Dynamic Loading. Fetching Unlimited Number of Records from Server Side

Hi everybody. Today we will be speaking about Webix ways to optimize server-client communication in case of huge data. Those of you who are happy to fetch long datasets at once, please raise your hands!

Webix dynamic loading

 

Just as I’ve expected, nobody’s here.  Everybody has gone to dynamic loading which is implemented very easily with Webix data components.

webix.ui({
  view:"datatable", url:"mydata.php", datafetch:100
});

Initially, a limited number of records (e.g. 100) is loaded, while further requests are triggered by scrolling or paging automatically. Guys, isn’t it nice?

Still, such a pattern requires quite a specific format of a server response –  {data:[ /*array of records*/], pos:0, total_count:100  } – and you may ask yourself: “So what should I do, if I cannot tune the response or I don’t know the total length of server-side data?” Indeed, there are lots of web services that do not provide such information.

The article below shows the solution that relies totally on Webix public API and can be built by any of you.

DiCaprio got Oscar, now you can get Visual Designer!

Hey guys!

Today we have 3 good news at once! First of all, Leonardo DiCaprio finally won the Oscar, secondly, spring is coming tomorrow. One more piece of news is just a short reminder that last week we released our new widget – JS Spreadsheet.

Visual designer

 

That part of our customers/subscribers or simply readers who believed in his victory and took part in our Leo marathon should be especially happy today. According to the rules of our previous post, they will receive a free Pro version of our Visual Designer. To get it, just email us or leave a comment with your email under this post or at the forum. For everyone else  Visual Designer will be available in early March.

Release Webix 3.2: SpreadSheet Widget, Rangechart and New Widgets Features

Hey everyone!

Now, while the last days of winter are going by, we are happy to present the first release of the year – Webix 3.2.

Webix 3.2 released

 

And definitely we would like to start with the most important part of our release – the new widget.

Spreadsheet widget

The truly outstanding hallmark of the February release is a feature-rich Spreadsheet widget that allows editing data in Excel-like manner. Being fully client-side it can load data either from plain JSON or database or even Excel document.

Spreadsheet allows you not only to format text values within cells but also define custom dimensions for cells, merge them into spans, copypaste the cells as well as calculate their values using Excel mathematical functions.  During data editing you can revert all the changes you’ve made and apply them back, if needed.

The Webix way of positioning: how to put everything in its right place

Day by day Webix evolves and dozens of new features appear with every release. But while the framework is constantly improved, something always stays the same.

Let’s talk about the very basic and the most important Webix feature – component positioning and sizing.

1_form_initial

Live demo

Layout. Basics.

The main Webix way of the element positioning is dividing the page into rows and columns.

The basic layout can  be created with the help of the same-name Layout widget. And you can place any of the numerous Webix widgets into any Layout cell:

Coming soon: Webix update 3.2

Hey guys!

I’m sure that all of you already feel the smell of an upcoming spring, while we definitely feel the approach of the first major update in this year – Webix 3.2, which is scheduled for release on February 24th.

webix release 3.2

 

What we are going to share:

  • SpreadSheet widget – a new great widget, which is similar to Excel or spreadsheet in Google docs;
  • undo functionality – to revert data changes within all data components;
  • export to PDF for all data components;
  • and, of course, plenty of fixes and small improvements.

1 43 44 45 46 47 64