How to switch between Production and Development system

Tuesday, April 15th, 2008

Preface This article it the follow up of the Writing a Big Application in Ext post and it assumes that your application is written, at least to some degree, that way. It also assumes that the server side language is PHP 5.x, other users can take the idea and write the ...

Writing a Big Application in Ext (Part 1)

Saturday, April 12th, 2008

Preface I have decided to write this article for those users of Ext 2.x that have already grown up from having one HTML page with embedded script that creates one simple window or form, for those who are already decided that Ext is the way and for those who are fighting ...

Simplest 3 Columns Layout with CSS

Tuesday, April 8th, 2008

After experimenting with Designing a 3 columns web page using TableLayout I have came with the solution that is, IMO, simplest possible: 3 Columns Layout Example #ct-wrap { text-align:center; ...

How to center an element in quirks mode

Tuesday, April 8th, 2008

It has been my problem because I needed to use quirks mode due to Ext not playing well in standards compliant mode and still have an element, a container with fixed width, centered in the browser's window working cross-browser. Standard approach is to use css: #ct { width: 960px; ...

How to build a Tree from static data

Friday, April 4th, 2008

Ext.BLANK_IMAGE_URL = '../ext/resources/images/default/s.gif'; Ext.state.Manager.setProvider(new Ext.state.CookieProvider()); var children = [{ text:'First Level Child 1' ,children:[{ text:'Second Level Child 1' ...

How to keep expanded state of Accordion items

Friday, April 4th, 2008

One of the possible solutions is: Ext.BLANK_IMAGE_URL = '../ext/resources/images/default/s.gif'; Ext.state.Manager.setProvider(new Ext.state.CookieProvider()); Ext.onReady(function(){ var p = new Ext.Panel({ title: Ext.fly('title').dom.innerHTML ...

Button With Buffered Clicks

Wednesday, April 2nd, 2008

My users are used to double-clicks to such a degree that they double-click everything, also buttons. This has created the problem with buttons that add records to grid as always two records were added. Here is handling: this.toolbar.add({ id:this.id + '-btn-add-record' ,text:this.addText ,tooltip:this.addRecordText ,iconCls:'icon-plus' ,disabled:true ...

Return Value of Function as items Pattern

Wednesday, April 2nd, 2008

,items:(function(){ var items = []; // populate items array return items; }).createDelegate(this)()