ExtJS & Bootstrap

Dynamically generate a CheckboxGroup from JSON

Ext.define('Ext.ux.MessagePanel', { extend: 'Ext.form.Panel', initComponent: function(){ Ext.apply(this, { renderTo: Ext...
Adding buttons to grid rows with action columns

4. We can add multiple icons to an actioncolumn by defining the actions in the Ext.grid.column.Action's items collection. Each action w...
Displaying radio buttons in columns

1. Create a RadioGroup using the default layout: var radioGroupAutoLayout = Ext.create('Ext.form.Panel', { title: 'Radio Group...
Adding a paging toolbar for large datasets

1. Define a Store with an AjaxProxy for binding to the grid. Set the store's pageSize configuration option to 50. Assign the store to t...
Adding a combobox to a toolbar to filter a grid

3. Next we create an Ext.form.field.ComboBox bound to our new store, with its displayField and valueField properties set to our store's...
An Introduction to Data Stores

source : http://www.sencha.com/blog/sencha-basics-an-introduction-to-data-stores/ June 23, 2011 | David Kaneda The process of building...
AddDocked

var panel = Ext.create('Ext.panel.Panel', { title: 'Panel Header', width: 500, height: 200, bodyPadding: 10, html: ...
Adding a context menu to grid rows

2. We now instantiate an Ext.menu.Menu object and configure it with a height, width, and a collection of Ext.menu.Items that will be our ac...
Create an analog clock extension - Stpe by step

Step Step 1 – Choose a suitable base class * We want to be able to use the clock inside a Panel or Window etc. => Ext.Component . ...
Ext JS 4.1 Performance

Source : http://www.sencha.com/blog, July 03, 2012 | Nige "Animal" White In this article, we will review several factors tha...

풍경 테마. Powered by Blogger.