sencha extjs tips tricks trucos Snippets

w add a listener to a grid extjs var grid = new Ext.grid.GridPanel({ store: store, cm: cm, listeners: {       cellclick: function(grid, rowIndex, colIndex) {           if (colIndex > 0) {               var rec = grid.store.getAt(rowIndex);               rec.set('value', colIndex);               //get value here from colindex+rowindex.          }       }    } });

Set BackgroundImage of a Panel extjs If you have frame:true then you can set CSS to do it: .panelname .x-panel-body { background-color:transparent;background-image:url(images/bg_top.png) !important;background-repeat: no-repeat; } region: 'north', collapsible: false, split: false, height: 80, border : false, cls:'norte' },{

Abrir ext.panel onclick, open ext.pnale onclick event Ext.onReady(function(){     var mypanel = new Ext.Panel({         title: 'My Panel',         collapsible:true,         width:500,         html: Ext.example.bogusMarkup     });     var myButton = Ext.get('myHrefIdClick');         myButton.on('click', function(){             //render the panel to id -> 'container'             mypanel.render('container');     }); }); //onReady Close < h1 > onClick of a link opens up a Panel < / h1 > < a href = "#" id = "myHrefIdClick" > Click Here < / a > < div id = "container" > < / div >     Abrir ext.panel onclick, open ext.pnale onclic...

How to make nested tabs in extjs sencha Como crear tabs añidados en extjs <script language="javascript"> Ext.onReady(function(){     //parent tabs     var tabs = new Ext.TabPanel({         renderTo: 'tabsContainer',         width:450,         activeTab: 0,         frame:true,         defaults:{autoHeight: true},         items:[             {contentEl:'parentTab1', title: 'Parent Tab1'},             {contentEl:'parentTab2', title: 'Parent Tab2'}         ]     });     //subtabs     var subtabs = new Ext.TabPanel({     ...

 Extjs grid con datasource reader json example,ejemplo Ext sencha grid with datasource   Ext. onReady ( function ( ) { Ext. QuickTips . init ( ) ;   // ---------------- // vars // ---------------- var ds; // datasource var   // ---------------- // Create datasource // ---------------- function createDS ( ) { ds = new Ext. data . Store ( { proxy: new Ext. data . HttpProxy ( { url: 'search.php' , // serverside script to post to method: 'POST' // method of posting .. GET or POST .. I've used POST } ) ,   // the reader reader: new Ext. data . JsonReader ( { totalProperty: 'total' , root: 'results' , // the object wich old the records id: 'id' , // the fieldname wich hold the id ... optional fields: [ 'id' , 'name' , 'email' , 'comments' ] // the fields the reader need to render } ) ...