How to create a hyperlink in Form Panel?

[mayura]

Hi,

I've a very simple requirement. I need a hyper link in my Form Panel.
I've looked at several threads in Ext JS forum but none of them are providing a satisfactory solution.
Please help.

Thanks
Mayura

[deanoj]

use the html config option in the items:

html: '<a href="#">link</a>',

[ludhiana]

make sure you use {0}

function renderValue(value){
return String.format(
'<b><a href="#" onClick="javascript:something();javascript:return(false);">{0}</a></b>', value);
}


{header: "Price", width: 35, dataIndex: 'price', sortable: true, renderer: renderValue};

[rudytheng]

find out what autoEl in the boxcomponent config option is.... ;)

[mayura]

make sure you use {0}

function renderValue(value){
return String.format(
'<b><a href="#" onClick="javascript:something();javascript:return(false);">{0}</a></b>', value);
}


{header: "Price", width: 35, dataIndex: 'price', sortable: true, renderer: renderValue};
Thanks for your inputs. But I do not want to create a hyperlink in GridPanel but in FormPanel. In GridPanel it can be easily done using renderer.

[shahulhameed]

try this...


xtype: 'box',
autoEl: { html:'<a href="">s</a>'}

[mayura]

Hey, thanks a lot!
This worked. :D
{
xtype:'box',
autoEl: {html:'<a href="javascript:test()">Test</a>'}
}