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="javascriptomething();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]

Originally Posted by ludhiana

make sure you use {0}

function renderValue(value){
return String.format(
'<b><a href="#" onClick="javascriptomething();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.
{
xtype:'box',
autoEl: {html:'<a href="javascript:test()">Test</a>'}
}