mobile and gis dev notes

Just a quick example on creating floatable windows

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

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

• Intellisense for ExtJS by using com.extjs.ext.2.0_1.0.0.00000.jar from the ExtJS blog. Umm, I am hoping someday OpenLayers can provide a similar jar file to provide code assist.
• I like the fact that it could clearly display an outline of my javascript objects but sometimes not for all.

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

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.

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. Read more…

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