Webix Jet framework through the eyes of a freshman. Part 2. Interaction with the interface

  • add a bit of interactivity to the application
  • define the data models with optimistic and pessimistic approaches for loading and saving data.

Briefly about Webix and Webix Jet

Data Model for Films

Interaction between FilmsView and FormView modules via the URL

Configuring the FilmsView Module

  • the name of the url parameter
  • id of the selected element
  • true (this argument is responsible for displaying the set url parameter).

Configuring the FormView Module

Working with data via the collection

Data Model for Users

  • getData()
  • saveData()

Interaction via the class methods and global events

Create a Popup Window with a Form

Setting up interaction via the methods

Setting up interaction via global events

Working with data via the model function

Searching and Sorting

Conclusion

--

--

#JavaScript UI library for #cross-platform #web app development with 100+ #UI widgets and fully-featured #CSS / #HTML5 JavaScript controls. www.webix.com

Love podcasts or audiobooks? Learn on the go with our new app.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store