ExtJS

ExtJS: Window Snippet

Mar 27th

Posted by rupert in ExtJS

No comments

Just a quick example on creating floatable windows

Note that renderTo: ‘document.body’ would result in an error, use renderTo: document.body instead

,

Aptana Impressions

Mar 16th

Posted by rupert in ExtJS

No comments

I recently downloaded Aptana Studio 1.1 Community Edition and have been using it mostly for my Javascript/ColdFusion development.

But one of the major problems I encountered was the startup. Sometimes, for some unknown reason, Aptana cannot start using the executable it provided during the install. However, I was able to weed that problem out by instead launching it from startup.jar. All of these is documented from Aptana’s JIRA ticket.

1. Downloaded and install Aptana

2. Watched Aptana TV Overview

3. Installed cfeclipse http://www.cfeclipse.org/update

4. Installed viPlugin http://satokar.com/ (Note that the viPlugin would not work with files = *.html)

5. Added the extjs2.0 code assist

, , ,

ExtJS and OpenLayers

Feb 19th

Posted by rupert in ExtJS

No comments

It seems that ExtJS and OpenLayers does not blend well together. One of the bug biters that hit me was the way ExtJS was handling arrays. It would be wise for OpenLayers to be agnostic of these frameworks.

for( var i in blocks ) should be transformed to for( var i = 0; i < blocks.length; i++)

I believe OpenLayers Ticket#1362 closely resembles this bug. Thanks to pgiraud for pointing me to the right direction.

,

ExtJS QuickTip: Display other levels of a JSON object in a Grid

Feb 18th

Posted by rupert in ExtJS

No comments

You can display an item anywhere in a JSON heirarchy/level in a Grid by using dot notation. I am beginning to like JSON as it is simply practical and amazing. To fully understand, please see geometry.type as an example. More >

ExtJS Notes

Jan 5th

Posted by rupert in ExtJS

No comments

1. How to test Ext from the extjs/docs?
Ext.get(document.body).update('

‘)

2. Node cannot be inserted at the specified point in the hierarchy code: 3
Answer: Possible invalid nesting of id elements within a panel or div. Check if id is the same with contentEl in a panel. For example:

//in my javascript Layout.js
{
    id: 'pnlPOIList', //should be renamed to foo-pnlPOIList just to distinguish it from pnlPOIList
    region: 'west',
    contentEl: 'pnlPOIList',
    title: 'POIList',
    width: 300,
    collapsible:true,
    floatable:false,
    autoScroll: true
}
 
//in my index.html
<p id="east">
</p><p id="pnlMoreInformation"><cfinclude template="pnlMoreInformation.cfm"></cfinclude></p>

3. A has no properties
Ext.Container=Ext.extend(Ext.BoxComponent,{autoDestroy:true,defaultType:"panel",...
Answer:Check the object inside the definition of an Ext Component. It may be a different object.

4. How to debug ext app on IE?
Answer: This should be a javascript post instead of Ext but I’m posting it anyway. When troubleshooting javascript in IE, be careful with open-ended definition with commas. Firefox might be forgiving but not IE. Meaning…

	var config = {
			id: taskbarButtonID,
			text: taskbarText,
			iconCls: iconstyle,
			handler: function(){
				var mywindow = Ext.getCmp(windowID);
				mywindow.setVisible( !mywindow.isVisible() );
			},
		};

5. Javascript Plugin for Eclipse. For more information, please visit ExtJS Blog: IDEs, plugins and tools for Ext JS 2.0