I have different forms in my application. I have laid them as 

    <ext:Window ................>

        <Content>
            <ext:FormLayout ................
I have hidden them and I .show() them upon button clicks. Now I wonder if this is a neater way of managing all the forms. I mean my application is a one page application where everything changes through Ext/Javascript using Ajax calls. If I have 10 forms and I put them all on this page and hide them, will it be appropriate ? Wouldn't it be better to design the forms ina separate js file using Ext and load them when needed ? Can the Coolite forms be designed on the fly ?

I am just concerned about structuring the code in a more manageable and OO way as well as to reduce initial load time of the page. Please can someone advise a better scenario ? Thanks