Archive

Archive for the ‘javascript’ Category

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

February 18th, 2008 rupert 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. Read more…

Categories: ExtJS, GeoJSON, javascript Tags:

ExtJS Notes

January 5th, 2008 rupert 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

Categories: ExtJS, javascript Tags:

JSEclipse

November 6th, 2007 rupert 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

Categories: eclipse, javascript Tags: