WEBIX JAVASCRIPT LIBRARY BLOG

Despite it is summer and the thermometer says it’s time go at the seaside we are actively preparing for the release of Webix 2.0. There a lot of plans for the next library version and we implement them little by little.

In general, the new version 2.0 will deliver an improved performance, plenty of new features, UI improvements and a smoother behaviour. In this article it goes about a few of them.

Multi-text Inputs

With Webix multi-text inputs, it will be possible to create a form where a user will be able to add multiple entries dynamically and submit them simultaneously.

On pressing ‘+’ icon, an additional text input will be created and added to the form. And on pressing ‘-‘ icon, the input will be removed.

It is the last part of the tutorial that tells about developing a website by using Webix UI library and Java framework Struts 2. If you haven’t read the previous parts yet check the first and the second parts in the Webix blog.

Nowadays nobody is interested in static data. That’s why our website should be able to download a list of events and reports from database and save all the implemented changes. We will use the most popular database MySQL.

The database structure is simple. It is represented in the image below. We will use two tables for storing events and reports. Each record in the table “speakers” contains the event_id a certain report is related to.

This article is the continuation of the previous blog post that refers to developing a basic website functionality with Webix and Struts 2.

In this part you’ll know how to create the pages “Forthcoming Events” and “Contacts” as well as how to add the information about events and then manage it.

The page with coming events will look this way:

We are glad to introduce the release of Webix UI 1.9, a JavaScript library for building fast desktop and mobile apps. The new version includes some UI improvements that speed up apps development as well as enhancements of the skins and some bug fixes.

Hotkeys for Controls

The hotkey functionality was initially included in the Webix API. But you could implement hotkeys for controls only by using custom functions.

With the new version of the library, you get the possibility to define hotkeys for controls (inputs, buttons) in one line of code. Pressing a hotkey is fully equal to clicking on the corresponding input/control. It will bring focus to the input and invoke all the attached click handlers.

Introduction

Day by day the world is getting faster. News is being spread around the world within minutes while the search for information is reduced just to surfing the Internet. Nowadays developers don’t spend months or years on the implementation of new ideas, this process can take just a couple of days or maybe weeks. At the same time, the process of developing web apps and sites is going up to a new speed level.The tools of building websites are getting smarter and even easier to use.

Code generators, autocomplete, code analyzers, libraries and frameworks have settled down in the developers’ life. They let reduce the time of site development to the minimum. The Internet itself is developing together with these tools.

Not long ago sites have presented static data while their functionality has been rather minimal. Today sites are fully-functional applications which allow performing the actions that earlier have been available on desktop only. One of the tools for fast building of a web app’s interface for both mobile and desktop devices is Webix, a JavaScript UI widgets library.

Let’s consider an example of creating a site aimed for announcing future conferences on front-end development with the help of Webix and a Java-framework Struts 2. It will look as follows: