extjs - ajax.net

Use ajax combined with .net
You can use AjaxPro to get the json data.
Reference: here

EXTJS Tree panel with .NET

Fixing NS_ERROR_XPC_JS_THREW_STRING

In htmls using ExtJs, most of the times I encountered this error in firebug:

"Exception: The request to read the property 
HTMLDivElement.nodeType was denied, when calling method:
[nsIDOMEventListener::handleEvent]" nsresult: "0x8057001e 
(NS_ERROR_XPC_JS_THREW_STRING)" location: "<unknown>" 
data: no]"

After searching a long time, here's what i found on how to fix it:
One of them saying it will be fixed by adding autocomplete="off" to all text fields.
I tried this however it doesn't really work!

And after I look at this ExtJs forum thread, I tried adding this trackMouseOver:false on my ExtJs grid.
And so far I did not have that error anymore :)
Yay!

ExtJs messagebox sample

Flash Overlay Problem

There is a problem when embedding flash into a web page.
For example if you have dropdown, the dropdown values will be covered by the flash.
Hence you won't be able to view all the images like the picture below.



Here's what we need add

for Flash tag embed

<param name=WMode value=Opaque>

for Javascript

fo.addParam("wmode", "opaque");

and wala.. here's the result...



However, this apparently does not work in Linux.

Reference: here

Hide/Show FieldLabel in ExtJs form

This is an overriding function to enable hide/show fieldLabel in ExtJs field form.
The current release of ExtJs 2.1 does not support it.

You can use the function hideItem and showItem in order to show/hide the form field.

Put this function in a javascript file eg. ext-override.js
Then include this file into your html file containing ExtJs form.

Ext.override(Ext.form.Field, {
    hideItem :function(){
        this.formItem.addClass('x-hide-' + this.hideMode);             
    },

    showItem: function(){
        this.formItem.removeClass('x-hide-' + this.hideMode);             
    },
    setFieldLabel: function(text) {
    var ct = this.el.findParent('div.x-form-item', 3, true);
    var label = ct.first('label.x-form-item-label');
    label.update(text);
  }
});