How to close a page in DHTMLX ?

Following is the .js file

dhx.ui.passive.password = dhx.extend({
render: dhx.Template(function(config) {
return dhx.ui.passive.common.render_input(config, “text”).replace(“type=‘text’”,“type=‘password’”);
})
}, dhx.ui.passive.text);

dhx.ready(function(){ //executes code only after document loading

		var config = {
			container:"groupBox",	 //defined in .html page							
			rows:[					
				{ 	
					view:"toolbar", 						
					id:"t1",
					type:"MainBar",						
					data:[
						{type:"label", label: "Login Page", align:"center"}							
						]
								
				},					
				{				
					view:"form",												
                    data:[
						{type:"text", id:"u_name",label:'User Name', value: "", position: "label-left", inputWidth: 100, labelWidth: 100, align: "left", labelAlign: "left"},
						{type:"password", id:"password",label:'Password', value: "", position: "label-left", inputWidth: 100, labelWidth: 100, align: "left", labelAlign: "left"}							 							
					]
				},
				{ 	
					view:"toolbar", 						
					type:"SubBar",							
					data:[
						{type:"button", id: "submitbutton", label: 'Login', align:'center', width: 100 },
						{type:"button", label:"Cancel", click:"close_window",align:'center',width: 100}
						]								
				}	
			]}; 
		//init config
		dhx.ui(config);												
	});

function close_window(){

//What should be written here…?

}

Now I want to close the page when I click on cancel But I am unable to do so.
I know about .close method. But it doesn’t work for groupBox. It doesnt work even if I give id to 2 toolbars and form and use .close to all the components.
Can anyone help me…?
To which all components and how to apply .close method ?
Thank you.

Well I figured out the problem.
I made a mistake while calling the function. But have figured it now.

.close method exist in window and popup components only, it not usable for static elements.
In above case you can place multiview as top level element and just switch to different view, when necessary.