Pre render some fields in the DUALLISTFIELD on the other side

Hello,

I have a duallistfield which has 9 fields. Now what i want is that, whenever a user loads my page 5 of those 9 fields should automatically be populated on the listfield giving user the choice to choose the remaining 4 as they wish. can someone please let me know how do we do it?

I have attached the desired output that i need. in my current implementation all the values are on the left box.

thanks in advance.

have posted the post on http://www.sencha.com/forum/showthread.php?136063-Pre-render-some-fields-in-the-DUALLISTFIELD-on-the-other-side forum also....

I am not sure I am understanding the problem here.
Why can't you just add the 4 items to the list before it is shown?

thanks maneesh for replying..but i got the solution for my problem...

my problem was to pre load other side of the list with defaul values...and the solution was to implement and use this method

com.extjs.gxt.ui.client.widget.form.DualListField.getToList()