javascript

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

The Interface

GIS 2.0

Dec 21st

Posted by rupert in GIS

No comments

It’s been a long time since my previous blog post because I was caught up with numerous meetings and presentations with the recent development of “The Interface“. Developing the new beast during a 2.5 week code sprint is both enjoyable and a personal satisfaction. I have to give credit to Yahoo UI and ExtJS for a wonderful javascript library that they opened to the public. Without ExtJS, I don’t think it would be possible to create such an interactive, compelling and impressive interface for my demos.

Web 2.0 has given me a chance to wrap our traditional GIS processes/solutions into a high impact presentation for our marketing/business developments. Thus, it was not a suprise to see that CamptoCamp’s Mapfish is also using extjs. It has aided me very well in data analysis and visualisation. It may just be a meaningless term to others, however I believe we just entered the start of GIS 2.0…

Reflecting… I believe it is worth investing in learning PostGIS in-depth. Though it may appear fascinating to others that a group of small applications (which I called the core platform utilising Nearest Neighbor Searching and Geometric Unions) bundled together in a Web2.0 interface is impressive, I believe I only scratched the surface of what and how PostGIS should be used. I wanted to do more, but my busy work schedule begs to finish other components of our product.

To be continued…

The Interface

, , ,
jseclipse.png

JSEclipse

Nov 6th

Posted by rupert in eclipse

No comments

I have an ongoing project which utilises Yahoo UI’s Javascript Libraries. There are also plans of even extending the application to use ExtJS for a more powerful window/container/layout lib. In regards to these Javascript pursuits, I need a Javascript editor for Eclipse besides my almighty vim.

jseclipse.png

JSEclipse from Adobe Labs

JSEclipse Installation

Eclipse Update Site:
Help -> Software Updates -> Find and Install -> New

http://download.macromedia.com/pub/labs/jseclipse/autoinstall

«12