Webix JavaScript UI library for speeding up web development
包含102個UI小部件和功能豐富的CSS / HTML5 JavaScript控件
是HTML UI組件的JavaScript庫,既兼容所有瀏覽器(IE11+),也支持電腦和移動Web App,開發者可以用其來構建跨平台的HTML5/CSS3的應用,只需幾行代碼即可實現豐富的UI構建。
Complete solution in a single bundle
Flexible and rich forms
You can choose among more than 30 controls during form creating. There are various input fields, versatile select boxes, checkboxes and radiobuttons as well as stylish buttons and toggles.
JavaScript UI widgets and controls
Extra components: complex JavaScript UI widgets
- JavaScript Pivot intended for well-organized visual table reports and graphical representation of data.
- JavaScript Kanban board is a tool for viewing work in progress and controlling the process from tasks to solutions.
- JavaScript Spreadsheet is a complex widget that allows integrating Excel like sheets in web apps and working with data online.
- JavaScript File Manager assists in managing hierarchical data and navigating through it in a user-friendly style.
- JavaScript Mobile Scheduler is a full-featured tool for displaying, creating and managing events in daily, weekly, monthly views on all kinds of mobile devices.
Start building your code with real interactive apps
Bring life to JavaScript Tables
特色
1. Rich UI
The library supplies over 90 fully customizable components such as form, tree, grid, list etc.
2. Supported data formats: XML, JSON, JsArray, CSV
You can use your favorite formats to specify data. All popular data formats are supported.
3. Intuitive JS OOP
Simple and lightweight code provides easy and understandable OOP concepts.
4. Simple integration with server side
You can integrate Webix with any server-side platform. Besides, there are ready solutions for PHP, .NET, Java.
5. Full API support
A full range of API with the detailed descriptions is available.
6. Unlimited extensibility
Webix doesn't limit you in functionality and provides abundant possibilities in extending existent components and creating new ones.
7. Support for internationalization and localization
Support for internationalization allows applications to be translated and modified into local versions for hundreds of languages.
8. Styling with standard CSS
You can use CSS in conjunction with components content to achieve the desired look-and-feel. CSS can be applied to the whole layout or to specific components, items etc.
9. Flexible layouts
Each element in the layout can be configured individually or as a part of layout: width, height, color etc.
10. On-the-fly filtering and sorting
The library offers rich means of filtering and sorting, starting from built-in tools and ending with fully custom filtering logic.
11. Possibility to show or hide components
Any component in the layout can be hidden (showed) by an API call.
12. Integration with other frameworks and libraries
Webix provides integration with a number of popular frameworks and libraries: jQuery, AngularJS and Angular, React, Vue.js, Backbone.js and MeteorJS.
13. Dynamically fetching data from the server when the component is scrolled up and down
While working with large datasets, you can load data dynamically to reduce complexity and improve performance. Polling interval and the number of loaded records are controlled.
14. Callbacks for all events: load, sorting, etc.
Numerous events let you handle any action or proceeding that can happen in the app.
15. Inline editing
All data containing components can be directly edited on a page, saving users from having to go to a separate page first.
16. Drag-and-drop
Users have the possibility to drag-and-drop items of the components. The library supports both external and internal drag-and-drop and allows customizing 'drag' and 'drop' operations.
17. Third-party UI integration extensions
Webix provides a set of integration extensions that allow you to add third-party tools into an application, e.g. Google, Yandex maps, NicEdit, TinyMCE text editors, Konva, Paper graphic tools, JustGage, SigmaJS charts, dhtmlxScheduler event calendar, etc.
18. Copying to/from clipboard
By common CTRL+C/CTRL+V keyboard shortcuts data can be copied to some other application for further processing or moved within one or several components.
19. Offline support
Offline support allows your apps run and be updated offline and don't depend on the state of the network.
20. Data binding
Data binding is the technique that allows you to bind several components together and keep them in sync, i.e. when the data in some of components changes its value, the remaining components are automatically updated to reflect the change.
21. Paging for big datasets
One or several pagers can be added to the app to display data page by page. Data will not be retrieved from server side until the related page is opened. The number of rows per page, templates for navigation controls are set up.
小部件 widgets
複雜的小部件 Complex widgets
Webix提供了許多複雜的小部件,專為各個領域的任務而設計。自定義和使用複雜的小部件進行交互式報告,複雜計算,高級數據過濾和工作流程控制。
數據小部件 Data widgets
數據管理小部件提供各種數據處理功能,例如一體式數據加載,CRUD操作,快速數據排序,動態過濾,分組和樣式。
借助Data小部件,您可以以清晰,結構化的方式組織和呈現大量數據。數據可以放在可滾動和可排序的表中,也可以列出。
可視化小部件 Visualization widgets
可視化小部件有助於以清晰和視覺上吸引人的圖表類型的形式顯示各種數據項之間的關係,如線條,樣條線,區域,條形圖,圓餅圖,3D圓餅圖,圓環圖,散點圖和雷達圖。
導航小部件 Navigation widgets
導航小部件借助視覺上吸引人的多功能工具欄和下拉式功能表,簡化了最終用戶在Web應用程式中的使用過程。
Windows和彈出窗口 Windows and popups
Windows和Popups小部件可幫助您向最終用戶強調重要信息。它們具有與桌面組件幾乎相同的屬性和方法,使得與用戶的交互非常容易。
佈局小部件 Layouts widgets
佈局小部件通過合理地並以視覺上吸引人的方式排列其他UI小部件來定義網頁的結構和外觀。這些Webix小部件還允許將頁面劃分為具有嵌入式小部件的部分,或者便於將其放置到節省空間的切換面板中。
控制小部件 Control widgets
Webix擁有30多種時尚和功能性的控件,可用於用戶 - 應用程式交互。控件使最終用戶和您的Web應用程式之間的通信變得簡單直觀。控件包括用於輸入文本和數值的字段,用於選擇選項的組合,用於選擇日期和時間的日曆,顏色選擇器等。
版本分為四種
Individual License (One project / One developer)
This pack comes with a perpetual commercial license and one year of updates and support.
The license is intended for one developer working on a single project.
- One project
- One developer
- One year of updates and support
- Webix UI Library
- Perpetual Commercial License
Basic Support: » Up to 72 hours initial response time » 10 tickets |
Standard support: » Up to 48 hours initial response time » 30 tickets / Unlimited 1st month |
Priority support: » Up to 24 hours initial response time » Unlimited tickets » 10 live chat sessions » Emergency bug fixes » Integration audit |
Product Pack ( One project / 2 developers )
This pack is intended for startups and small development teams working on a single commercial project.
Any 3 complex widgets free of charge
- Pivot
- File Manager + Doc Manager
- Kanban
- Query
- Scheduler
- User Manager
- Chat / Messenger
- SpreadSheet
- Gantt Chart
- Report Manager
- Diagram Library
Standard support: » Up to 48 hours initial response time » 30 tickets / Unlimited 1st month |
Priority support: » Up to 24 hours initial response time » Unlimited number of tickets » 10 live chat sessions » Emergency bug fixes » Integration audit |
Company PacK (One project /Unlimited developers)
Perfect for internal company projects or a single commercial project
All complex widgets
- Pivot
- File Manager + Doc Manager
- Kanban
- Query
- Scheduler
- User Manager
- Chat / Messenger
- SpreadSheet
- Gantt Chart
- Report Manager
- Diagram Library
Standard support: » Up to 48 hours initial response time » 30 tickets / Unlimited 1st month |
Priority support: » Up to 24 hours initial response time » Unlimited number of tickets » 10 live chat sessions » Emergency bug fixes » Integration audit |
Devteam Pack (Unlimited projects / 5 developers)
Perfect for development companies that work on projects for multiple clients
All complex widgets
- Pivot
- File Manager + Doc Manager
- Kanban
- Query
- Scheduler
- User Manager
- Chat / Messenger
- SpreadSheet
- Gantt Chart
- Report Manager
- Diagram Library
Standard support: » Up to 48 hours initial response time » 30 tickets / Unlimited 1st month |
Priority support: » Up to 24 hours initial response time » Unlimited number of tickets » 10 live chat sessions » Emergency bug fixes » Integration audit |
Unlim Pack (Unlimited projects / Unlimited developers)
Perfect for large development companies with multiple projects and large teams
All complex widgets
- Pivot
- File Manager + Doc Manager
- Kanban
- Query
- Scheduler
- User Manager
- Chat / Messenger
- SpreadSheet
- Gantt Chart
- Report Manager
- Diagram Library
Priority support: » Up to 24 hours initial response time » Unlimited number of tickets » 10 live chat sessions » Emergency bug fixes » Integration audit |
Browser Support
Webix-based applications work on PCs and laptops using the following browsers:
- Google Chrome;
- Apple Safari;
- Mozilla Firefox;
- Opera;
- IE11, Edge.
Platform Support
Webix is also intended for mobile use and fully supports the following devices:
- iPad
- iPhone
- iPod
- Windows Phone
- Android-based devices
As Webix is compatible with PhoneGap, you have access to mobile app stores, such as Android Market or Apple App Store, for distributing your applications.
Server-side Compatibility
As Webix is a client-side library, it doesn't depend on server backend, so you can use it with any server side technology.
For some platforms ( Java, .Net, PHP ) - ready to use solutions are available for data loading, saving, exporting.