grid dynamic

I want to know how can I create a grid inside a view which has rows and cols as shown in my code below. I want the view to appear in the cols section below and the data should get loaded using a connector. Below in my html i have script which inits the grid using the connector.

rows:[{view:"form", id:"games1", height: 90,elements:[{view:"text", label: 'grid1' , name:"gridtext", id:"gridtext", position: "label-left"}, {view:"button", type:"round", label:"save"}] }, { cols:[ { //I want to create a grid here which will load data from a java connector that i have created. } ] ]} ]