WideJS 之 面板Panel

最近自己封装了一些JS通用组件，思路也是根据ExtJS来的，发出一些出来分享一下：
[img]
[img]http://dl.iteye.com/upload/attachment/271640/51284f69-4403-3634-8b00-ae91f86542a3.bmp[/img]
[/img]
编写代码如下：

	/**
	 * 初始化面板
	 */
	var panel1 = new Panel({  
		width		:200,	//设置宽度
		height		:200,	//设置高度
		title		:	"趋势分析图（总趋势）",	//设置标题
		style		:	"color: red; ",			//样式
		html		:	'一直想对Javascript再次做一些总结，正好最近自己写了一个小型Js UI库，总结了一下Js的继承机制，在网上也看了一些前辈们博客里的总结，感觉分析不是特别全面',	//内容
		renderTo	:	'panelDiv1'	//渲染到指定节点中
	});  

	/**
	 * 初始化面板
	 */
	var panel2 = new Panel({  
		width		:485,	//设置宽度
		height		:400,	//设置高度
		title		:	"月汇总",	//设置标题
		html		:	"<iframe height='390' width='465' src='http://www.baidu.com'></iframe>",
		renderTo	:	'panelDiv2'	//渲染到指定节点中
	});

同时支持tbar工具栏