Conventions

In this book, you will find a number of styles of text that distinguish between different kinds of information. Here are some examples of these styles, and an explanation of their meaning.

Code words in text are shown as follows: "In the earlier custom build I've kept the pkg-grid-editor.js package for editable grids"

A block of code is set as follows:

function createMyPanel(config) {
return new Ext.Panel(Ext.apply({
// Pre-configured config options go here
width: 300,
height: 300,
plugins: [ new Ext.ux.MyPluginClass() ]
}, config));
};

When we wish to draw your attention to a particular part of a code block, the relevant lines or items are set in bold:

listeners: {
render: function(p){
new Ext.Resizable(p.getEl(), {
handles: 'all',
pinned: true,
transparent: true,
resizeElement: function(){
var box = this.proxy.getBox();
p.updateBox(box);
if (p.layout) {
p.doLayout();
}
if (Ext.isIE) {
this.syncHandleHeight();
}
return box;
}
});
}
}

New terms and important words are shown in bold. Words that you see on the screen, in menus or dialog boxes for example, appear in the text like this: "It also includes a Create button which opens the same DML form page to insert new records."

"A good reference discussing creating custom components by extending, over-riding or using factory patterns can be found at: http://www.sencha.com/learn/Tutorial:Creating_new_UI_controls"