PDA

View Full Version : fieldset - how to render fieldset in HTML div on web page



jnabhishek
17 Mar 2011, 3:29 AM
Hi All,

I am new to Sencha ExtJs - through I have started using ExtJs widgets in our web pages using html <div>.

I have to create a 'fieldset', which has multiple component like, checkbox, textbox, combo box etc. in different rows and columns.

Can sombody help/assit me, how can I achive this using HTML <div> or in any another way ?

My code is:
****************************
HTML

<tr>
<td align="center"><div id="fset_cal_due_date"></div></td>
</tr>

JS

{
xtype: 'fieldset',
title: 'Cal Due Date',
renderTo: 'fset_cal_due_date',
defaultType: 'textfield',
width: 300,
height: 140,
item : [{
name: 'testText',
id: 'testText'
}]
}
****************************

By using the above code, I am able to generate the a blank Fieldset (which has no component rendered in it).

Thanks in advance.