Book Image

Ext JS 4 Plugin and Extension Development

By : Abdullah Al Mohammad
Book Image

Ext JS 4 Plugin and Extension Development

By: Abdullah Al Mohammad

Overview of this book

Ext JS is a pure JavaScript application framework for building interactive web applications using techniques such as Ajax, DHTML, and DOM scripting. Ext JS 4 Plugin and Extension Development is a practical, step-by-step tutorial which guides you to learn and develop ExtJS plugins and extensions. There are a lot of examples with explanations and plenty of code provided to make it easier and quicker to pick up. Starting with the fundamentals, this book introduces some of the ExtJS library and community provided plugins and extensions and finishes with several hands-on, real world development examples. You will get a clear concept of ExtJS plugins and extensions and learn how to use them. You will also learn how to develop an ExtJS plugin and extension by going through several examples with code and screenshots. Ext JS 4 Plugin and Extension Development book will provide you with the knowledge to develop ExtJS plugins and extensions using real-life examples.
Table of Contents (16 chapters)
Ext JS 4 Plugin and Extension Development
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

Index

A

  • addDownloadButton function / Planning and coding the chart downloader
  • addEscListener function / Planning and coding of the clear button
  • addListeners function / Planning and coding of the clear button
  • addValue(mixedValue) method
    • about / Value handling and events
  • afterRender event handler / Building an Ext JS extension
  • afterRender handler / Planning and coding the message bar
  • autoSelect option / BoxSelect specific configurations
  • autosuggestion
    • new records, adding with / Adding new records with autosuggestion

B

  • BoxSelect extension
    • about / The BoxSelect extension, Features of BoxSelect
    • features / The BoxSelect extension, Features of BoxSelect
    • reference link / The BoxSelect extension
    • URL, for downloading / The BoxSelect extension
    • using / Using BoxSelect
    • configuration / Basic configuration
    • template / Templates
    • single value selection / Single value selection
    • remote query, setting / Remote query with unknown values
    • new records, adding with autosuggestion / Adding new records with autosuggestion
    • configuration option / BoxSelect specific configurations
    • value handling / Value handling and events
    • event / Value handling and events

C

  • calculateClearButtonPosition function / Planning and coding of the clear button
  • Callout extension
    • about / The Callout extension
    • reference link / The Callout extension
    • URL, for downloading / The Callout extension
  • CellEditingGrid class / The CellEditing plugin
  • CellEditing plugin
    • about / The CellEditing plugin
    • URL, for documentation / The CellEditing plugin
  • chart downloader
    • functional requirements / Functional requirements
    • coding / Planning and coding the chart downloader
    • planning / Planning and coding the chart downloader
  • CheckColumn extension
    • about / The CheckColumn extension
    • URL, for documentation / The CheckColumn extension
  • clear button
    • functional requirements / Functional requirements
    • coding / Planning and coding of the clear button
    • planning / Planning and coding of the clear button
  • clearMessage function / Planning and coding the message bar
  • ComboBox control / Using BoxSelect
  • config property / Planning and coding the labeled spinner
  • configuration, existing class / By configuring an existing class
  • configuration option, BoxSelect extension / BoxSelect specific configurations
  • createClearButtonEl function / Planning and coding of the clear button
  • createNewOnBlur option / BoxSelect specific configurations
  • createNewOnEnter option / BoxSelect specific configurations

D

  • ddReorder property / The MultiSelect extension
  • destroy method
    • about / What is a plugin?
  • DragSelector plugin
    • about / The DragSelector plugin
    • grid rows, selecting / The DragSelector plugin
    • reference link / The DragSelector plugin
    • URL, for downloading / The DragSelector plugin
  • DragZone class
    • property / The TreeViewDragDrop plugin
    • copy property / The TreeViewDragDrop plugin
    • view property / The TreeViewDragDrop plugin
    • ddel property / The TreeViewDragDrop plugin
    • item property / The TreeViewDragDrop plugin
    • records property / The TreeViewDragDrop plugin

E

  • event, BoxSelect extension
    • valueSelectionChange / Value handling and events
    • valueFocusChange / Value handling and events
  • existing class
    • configuring / By configuring an existing class
  • extend keyword / Building an Ext JS extension
  • ExtJS class / Differences between an extension and a plugin
  • ExtJS Community
    • Callout extension / The Callout extension
    • SmartLegend extension / The SmartLegend extension
    • TitleChart extension / The TitleChart extension
    • BoxSelect extension / The BoxSelect extension
    • MultiDate extension / The MultiDate extension
    • MultiMonth extension / The MultiMonth extension
    • MultiSelect extension / The MultiSelect extension
    • TinyMCETextArea extension / The TinyMCETextArea extension
    • FilterBar plugin / The FilterBar plugin
    • DragSelector plugin / The DragSelector plugin
  • ExtJS component
    • functionality, changing / Choosing the best option
    • existing class, configuring / By configuring an existing class
    • ExtJS extension, creating / By creating a subclass or an extension
    • ExtJS plugin, creating / By creating a plugin
  • ExtJS extension
    • about / What is an extension?
    • differentiating, with ExtJS plugin / Differences between an extension and a plugin
    • creating / By creating a subclass or an extension
    • building / Building an Ext JS extension
    • MultiSelect extension / The MultiSelect extension
    • ItemSelector extension / The ItemSelector extension
    • CheckColumn extension / The CheckColumn extension
    • LiveSearchGridPanel extension / The LiveSearchGridPanel extension
    • labeled spinner / Planning and coding the labeled spinner
    • message bar / Planning and coding the message bar
    • BoxSelect / Features of BoxSelect, Basic configuration, Templates, Single value selection, Remote query with unknown values, Adding new records with autosuggestion, BoxSelect specific configurations, Value handling and events
  • ExtJS plugin
    • about / What is a plugin?
    • differentiating, with ExtJS extension / Differences between an extension and a plugin
    • creating / By creating a plugin
    • building / Building an Ext JS plugin
    • TreeViewDragDrop plugin / The TreeViewDragDrop plugin
    • CellEditing plugin / The CellEditing plugin
    • RowEditing plugin / The RowEditing plugin
    • chart downloader / Planning and coding the chart downloader
    • grid search / Planning and coding the grid search
    • clear button / Functional requirements, Planning and coding of the clear button

F

  • fieldHasScrollBar function / Planning and coding of the clear button
  • FilterBar plugin
    • about / The FilterBar plugin
    • features / The FilterBar plugin
    • URL, for downloading / The FilterBar plugin
  • filterPickList option / BoxSelect specific configurations
  • forceSelection option / BoxSelect specific configurations

G

  • getDateFormat function / Planning and coding the grid search
  • getLabeledValue function / Planning and coding the labeled spinner
  • getMultiSelectValue function / The MultiSelect extension
  • getSubmitData() method / Value handling and events
  • getToolbar function / Planning and coding the chart downloader, Planning and coding the grid search
  • getValue function / The ItemSelector extension, Planning and coding the labeled spinner
  • getValueRecords() method / Value handling and events
  • grid search
    • functional requirement / Functional requirements
    • planning / Planning and coding the grid search
    • coding / Planning and coding the grid search
  • growMax option / BoxSelect specific configurations
  • growMin option / BoxSelect specific configurations

H

  • handleAfterRender function / Building an Ext JS plugin, Planning and coding the chart downloader, Planning and coding of the clear button
  • handleChange function / Building an Ext JS plugin, Building an Ext JS extension

I

  • init function / Differences between an extension and a plugin, Building an Ext JS plugin, Planning and coding the chart downloader, Planning and coding the grid search, Planning and coding of the clear button
  • initMenu function / Planning and coding the grid search
    • defining / Planning and coding the grid search
    • about / Planning and coding the grid search
  • init method
    • about / What is a plugin?
  • isButtonCurrentlyVisible function / Planning and coding of the clear button
  • ItemSelector extension
    • about / The ItemSelector extension
    • URL, for documentation / The ItemSelector extension

L

  • labeled spinner
    • functional requirements / Functional requirements
    • coding / Planning and coding the labeled spinner
    • planning / Planning and coding the labeled spinner
  • labelTpl template / Templates
  • listConfig template / Templates
  • LiveSearchGrid class / The LiveSearchGridPanel extension
  • LiveSearchGridPanel extension
    • about / The LiveSearchGridPanel extension
    • URL, for documentation / The LiveSearchGridPanel extension

M

  • Massachusetts Institute of Technology (MIT) / The Callout extension
  • message bar
    • functional requirements / Functional requirements
    • planning / Planning and coding the message bar
    • coding / Planning and coding the message bar
  • mouseout event handler / Planning and coding of the clear button
  • mouseover event handler / Planning and coding of the clear button
  • MultiDate extension
    • about / The MultiDate extension
    • features / The MultiDate extension
    • reference link / The MultiDate extension
    • URL, for downloading / The MultiDate extension
  • MultiMonth extension
    • about / The MultiMonth extension
    • features / The MultiMonth extension
    • reference link / The MultiMonth extension
    • URL, for downloading / The MultiMonth extension
  • MultiSelect extension
    • about / The MultiSelect extension, The MultiSelect extension
    • URL, for documentation / The MultiSelect extension
    • features / The MultiSelect extension
    • reference link / The MultiSelect extension
    • URL, for downloading / The MultiSelect extension
  • MultiSelectFormPanel class / The MultiSelect extension

N

  • new records
    • adding, with autosuggestion / Adding new records with autosuggestion

O

  • onBlur handler / Planning and coding the labeled spinner
  • onKeyUp handler
    • defining / Planning and coding the grid search
  • on method / By configuring an existing class
  • onRender function / Planning and coding the grid search
  • onSpinDown function / Planning and coding the labeled spinner
  • onSpinUp function / Planning and coding the labeled spinner
  • onTriggerClear function
    • about / Planning and coding the grid search
  • onTriggerClear handler / Planning and coding the grid search
  • onTriggerClick event / Planning and coding the grid search
  • onTriggerSearch function
    • defining / Planning and coding the grid search
    / Planning and coding the grid search

P

  • pinList option / BoxSelect specific configurations

R

  • remote query
    • setting / Remote query with unknown values
    • setting, with unknown values / Remote query with unknown values
  • removeValue(mixedValue) method / Value handling and events
  • repositionClearButton function / Planning and coding of the clear button
  • RowEditing plugin
    • about / The RowEditing plugin
    • URL, for documentation / The RowEditing plugin

S

  • saveChart function / Planning and coding the chart downloader
  • selectOnTab option / BoxSelect specific configurations
  • setIcon function / Planning and coding the message bar
  • setMessageData function / Planning and coding the message bar
  • setMessage function / Planning and coding the message bar
  • setText function / Planning and coding the message bar
  • setValue function / Planning and coding the labeled spinner
  • shouldButtonBeVisible function / Planning and coding of the clear button
  • showMessage function / Planning and coding the message bar
  • single value selection
    • about / Single value selection
  • SmartLegend extension
    • about / The SmartLegend extension
    • features / The SmartLegend extension
    • reference link / The SmartLegend extension
    • URL, for downloading / The SmartLegend extension
  • stacked option / BoxSelect specific configurations
  • supportsCssTransition function / Planning and coding of the clear button

T

  • template, BoxSelect extension
    • about / Templates
  • textareafield component / Building an Ext JS plugin
  • textfield component / Planning and coding of the clear button
  • TinyMCETextArea extension
    • about / The TinyMCETextArea extension
    • reference link / The TinyMCETextArea extension
  • TitleChart extension
    • about / The TitleChart extension
    • configuration options / The TitleChart extension
    • reference link / The TitleChart extension
    • URL, for downloading / The TitleChart extension
  • TreeView class / The TreeViewDragDrop plugin
  • TreeViewDragDrop plugin
    • about / The TreeViewDragDrop plugin
    • URL, for documentation / The TreeViewDragDrop plugin
  • triggerOnClick option / BoxSelect specific configurations

U

  • updateMessageInfo function / Building an Ext JS plugin

V

  • valueFocusChange event / Value handling and events
  • value handling, BoxSelect extension
    • about / Value handling and events
  • valueSelectionChange event / Value handling and events
  • viewConfig method / The TreeViewDragDrop plugin