Cargando…

Learning DHTMLX Suite UI.

A fast-paced, example-based guide to learning DHTMLX.""Learning DHTMLX Suite UI"" is for web designers who have a basic knowledge of JavaScript and who are looking for powerful tools that will give them an extra edge in their own application development. This book is also useful...

Descripción completa

Detalles Bibliográficos
Clasificación:Libro Electrónico
Autor principal: Geske, Eli
Formato: Electrónico eBook
Idioma:Inglés
Publicado: Birmingham [UK] : Packt Publishing, 2013.
Temas:
Acceso en línea:Texto completo
Tabla de Contenidos:
  • Cover; Copyright; Credits; About the Author; About the Reviewers; www.PacktPub.com; Table of Contents; Preface; Chapter 1: User Management Web App; About DHTMLX; DHTMLX and other component libraries; The components; What will we be building?; Summary; Chapter 2: Download, Setup, and Test; Installing a web server; Creating the application directory structure; Downloading the DHTMLX library; Creating the application file app.js; The data storage file; Creating the index.html file; Testing the DHTMLX installation; Summary; Chapter 3: Data Structures, Storage, and Callbacks; localStorage.
  • Creating the storage objectThe storage methods and properties; lastStoredId; setDateFormat; The user methods; The user model; createUser; getUser; updateUser; removeUser; The grid methods; The grid JSON data structure; gridRow; getUserGrid; The chart methods; barChartItem; createUserBarChart; The storage object; The callbacks object; Summary; Chapter 4: The DHTMLX Layout; The DHTMLX layout; The methods and events; Initialization; Methods; Cell sizing; setHeight; setWidth; fixSize; Cell header; progressOn and progressOff; Overview of methods; Layout events; attachEvent and detachEvent.
  • DhtmlxEventThe application code; Create the layout; Summary; Chapter 5: The DHTMLX Toolbar; The DHTMLX toolbar; The methods and events; Initialization choices; Initialization on a DOM element; Initialization on a layout object; Initialization on a cell object; Toolbar items; addButton; addButtonTwoState; getItemState; addSeparator; addText; addButtonSelect; getListOptionSelected; addSpacer; removeSpacer; addSlider; addInput; getValue; hideItem and showItem; removeItem; Toolbar events; onClick; onValueChange; onStateChange; onEnter; The application code; Creating the toolbar; Summary.
  • Chapter 6: The DHTMLX GridThe DHTMLX grid; The grid methods and events; Initialization choices; Initialization on DOM element; Initialization on cell object; Grid methods; attachGrid; setImagePath; setHeader; setInitWidths; setColAlign; init; addRow; setColTypes; getSelectedRowId; clearSelection; clearAll; parse; Grid events; onRowDblClicked; onRowSelect; The application code; Create the grid; callbacks.setToolbarItemStates; callbacks.removeClick; callbacks.refreshGrid; callbacks.dataChanged; Testing the grid; Creating a user; Removing a user; Summary; Chapter 7: The DHTMLX Window.
  • The DHTMLX windowThe methods and events; Initialization; Creating the base object; Create windows through methods; Methods; createWindow (base object method); setDimension; denyResize; centerOnScreen; setModal; hide; show; setText; hideHeader; showHeader; Events; onClose; The application code; Creating the pop-up window; callbacks; showPopup; hidePopup; addClick; Test our popup; Summary; Chapter 8: The DHTMLX Form and Calendar; The DHTMLX form; Initialization of the DHTMLX form; attachForm; Form items and attributes; Form methods; setItemFocus(); validate(); clear(); enableLiveValidation().