Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>As already said, you have to learn to uses the different layouts. See this <a href="http://docs.sencha.com/extjs/4.2.0/#!/example/layout-browser/layout-browser.html" rel="nofollow">demo</a> to get an idea of what's available.</p> <p>Now, regarding the structure of the doc, 'configs', 'methods', 'properties', and 'events' are really three different concepts, but only config is specific to Ext. The others are general object oriented concepts.</p> <p>In a nutshell:</p> <ul> <li><p>Properties are the variables that are bound to on object. In the context of Ext, they are almost always read-only. That don't means that you can't change their value (impossible to prevent in Javascript), but that <strong>you shouldn't</strong>. So you use poperties to read information from existing objects. For example:</p> <pre><code>if (checkbox.checked) { ... } </code></pre></li> <li><p>Config options are the option that you can use when you create an object. Almost all constructors in Ext accept one single argument, an object called the config object. So you use config options when you create an object:</p> <pre><code>Ext.create('Ext.window.Window', { width: 200, height: 200, ... }); </code></pre></li> <li><p>Methods is the name given to functions that belongs to an object. Unlike properties, when you use a method, code is running, so that's what you use for doing things.</p> <pre><code>window.show(); // using the animate parameter window.show(true); </code></pre></li> <li><p>Events are things that happen in the application. You can react to them by <a href="http://docs.sencha.com/extjs/4.2.1/#!/api/Ext.util.Observable-method-addListener" rel="nofollow">attaching listeners</a> (also named callback functions) to them. The parameters that are given for events in the doc are the one that will be passed your callback method.</p> <pre><code>// E.g. displaying an alert when a button is clicked button.addListener( // name of the event 'click', // the callback function function() { alert('Clicked!'); } ) </code></pre></li> </ul>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload