PDA

View Full Version : Remove UI from Form-Elements



falsanu
20 Jun 2011, 2:41 AM
Hi @all,

i'm quite new, so perhabs this is a dumb question but nevertheless, i'll ask it.

I've got a FormPanel and I want it to be rendered as normal as possible


var home_filial_form = new Ext.form.FormPanel({
id:'filial_finder',
items: [
{
xtype: 'textfield',
name : 'first',
cls:'textfield',
ui:'none'

},{
xtype: 'button',
cls:'btn_home_submit',
layout:'none',
name : 'btn'
}
]
});

My output should look like this:


<form id='filial_finder'>
<input type='text' class='textfield' name='plz' value='PLZ/Ort' />
<input type='submit' class='btn_home_submit' value='Bank finden'>
</form>


Is this possible or am i thinking the wrong way?

Thanks for your help.
Best
Jan

digil
20 Jun 2011, 8:54 AM
If you literally want that output, its probably easier to just use the Panel's html property rather than fighting the framework, such as:


var home_filial_form = new Ext.form.FormPanel({
id : 'filial_finder',
html : '<form id="filial_finder">' +
' <input type="text" class="textfield" name="plz" value="PLZ/Ort" />' +
' <input type="submit" class="btn_home_submit" value="Bank finden">' +
'</form>'
});