Learning DHTMLX Suite UI


Learning DHTMLX Suite UI
eBook: $17.99
Formats: PDF, PacktLib, ePub and Mobi formats
$15.29
save 15%!
Print + free eBook + free PacktLib access to the book: $47.98    Print cover: $29.99
$29.99
save 37%!
Free Shipping!
UK, US, Europe and selected countries in Asia.
Also available on:
Overview
Table of Contents
Author
Support
Sample Chapters
  • Learn how to install and use DHTMLX methods and events
  • Store data in HTML5 local storage
  • Learn how to develop a client-side application using DHTMLX and browser tools

Book Details

Language : English
Paperback : 132 pages [ 235mm x 191mm ]
Release Date : October 2013
ISBN : 184969933X
ISBN 13 : 9781849699334
Author(s) : Eli Geske
Topics and Technologies : All Books, Web Development

Table of Contents

Preface
Chapter 1: User Management Web App
Chapter 2: Download, Setup, and Test
Chapter 3: Data Structures, Storage, and Callbacks
Chapter 4: The DHTMLX Layout
Chapter 5: The DHTMLX Toolbar
Chapter 6: The DHTMLX Grid
Chapter 7: The DHTMLX Window
Chapter 8: The DHTMLX Form and Calendar
Chapter 9: The DHTMLX Chart
Chapter 10: The Finish Line
Index
    • 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 object
          • The 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
          • dhtmlxEvent
          • The 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 Grid
              • The DHTMLX grid
              • The grid methods and events
                • Initialization choices
                  • Initialization on a DOM element
                  • Initialization on a 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 window
                • The 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()
                      • setFormData()
                      • getFormData()
                  • The application code
                    • app.js
                      • callbacks
                      • showPopup()
                      • hidePopup()
                      • editClick()
                      • Edit the CSS form
                      • index.html
                  • Test the application form
                  • Summary
                  • Chapter 9: The DHTMLX Chart
                    • The methods and events
                      • Initialization of the DHTMLX chart
                      • dhtmlXChart()
                      • addChart()
                      • Methods
                        • refresh()
                        • add()
                        • define()
                        • addSeries()
                        • idByIndex()
                        • get()
                      • Events
                        • onItemClick
                    • The application code
                      • Creating the chart
                      • callbacks.refreshChart()
                      • callbacks.dataChanged()
                    • Test the application
                    • Summary

                      Eli Geske

                      Eli Geske is an entrepreneurial graphics designer turned programmer. He has been involved in web applications from creating and enhancing online gaming communities, to building applications that improve company's efficiency. He has also invented products, put in for patents, and pushed them to market. His programming skills range from JavaScript, PHP, and C# which he uses in the medical industry, payment processing industry, and on custom order management sites. He also has a degree in computer science, focusing on networking and web server administration. His knowledge of DHTMLX springs from his daily engagements in a current large scale medical application. Some other of Eli's writings and public offerings can be viewed on his blog www.eligeske.com or on eligeske.github.com.
                      Sorry, we don't have any reviews for this title yet.

                      Code Downloads

                      Download the code and support files for this book.


                      Submit Errata

                      Please let us know if you have found any errors not listed on this list by completing our errata submission form. Our editors will check them and add them to this list. Thank you.

                      Sample chapters

                      You can view our sample chapters and prefaces of this title on PacktLib or download sample chapters in PDF format.

                      Frequently bought together

                      Learning DHTMLX Suite UI +    Microsoft Silverlight 4 Business Application Development: Beginner’s Guide =
                      50% Off
                      the second eBook
                      Price for both: ₨314.00

                      Buy both these recommended eBooks together and get 50% off the cheapest eBook.

                      What you will learn from this book

                      • Understand the benefits of DHTMLX and other libraries
                      • Download and install DHTMLX as a suite
                      • Set up JavaScript objects to manage data and component interactions
                      • Learn about the initialization and manipulation of Layouts, Grids, Toolbars, Windows, Forms, and Charts
                      • Use events to sync interactions
                      • Utilize form validations and calendar pickers
                      • Employ JSON data structures for Grids and Charts
                      • Create a single-page JavaScript application with DHTMLX components

                      In Detail

                      JavaScript applications provide an excellent user experience for small to large scale enterprise applications. The amazing growth of JavaScript has opened the door for many great libraries such as DHTMLX.

                      "Learning DHTMLX Suite UI" will teach you how to use these libraries effectively so you can make presentations that will take your employer’s/ client’s breath away!

                      "Learning DHTMLX Suite UI" is a step-by-step guide that will teach you the basics of DHTMLX library components and how to apply them in a real-world scenario. This book will start with the installation of DHTMLX before moving on to explore the features of DHTMLX and helping you to create your first user management application.

                      "Learning DHTMLX Suite UI" will guide you through the installation of DHTMLX as a single-page application. As you progress from one chapter to the next, you will gradually build a simple user management application. You will also learn how to create forums with validation and how to use grids to add and edit users. The book will also suggest the best practices for using toolbars and refreshing data. With "Learning DHTMLX Suite UI Guide", you will be inspired to come up with your own great ideas for your future application development projects.

                      Approach

                      A fast-paced, example-based guide to learning DHTMLX.

                      Who this book is for

                      "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 for experienced developers who wish to get started with DHTMLX without going through the trouble of learning its quirks through trial and error. Readers are expected to have some knowledge of JavaScript, HTML, Document Object Model, and the ability to install a local web server.

                      Code Download and Errata
                      Packt Anytime, Anywhere
                      Register Books
                      Print Upgrades
                      eBook Downloads
                      Video Support
                      Contact Us
                      Awards Voting Nominations Previous Winners
                      Judges Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software
                      Resources
                      Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software