(27)ExtJS之Panel中使用contentEI配置项加载本地资源示例

//3.使用contentEI配置项加载本地资源示例
/*	Ext.onReady(function(){
		Ext.create('Ext.panel.Panel',{
		title:'面板加载本地资源',
		height:150,//设置面板的高度
		width:250,//设置面板的宽度
		frame:true,
		collapsible:true,//允许展开和收缩
		autoScroll:true,//自动显示滚动条
		renderTo:Ext.getBody(),
		bodyPadding:5,
		contentEl:'localElement',//加载本地资源
		bodyStyle:'background-color:#FFFFFF'//设置面板体的背景色	
		
		});
	});
JSP页面的主要关键代码如下:
 * 	<table border=1 id='localElement'>
 * 		<tr><th colspan=2>本地资源--员工列表</th></tr>
 * 		<tr>
 * 			<th width=60>序号</th><th width=80>姓名</th>
 * 		</tr>
 * 		<tr><td>1</td><td>张三</td></tr>
 * 		<tr><td>2</td><td>张四</td></tr>
 * 		<tr><td>3</td><td>张五</td></tr>
 * 		<tr><td>4</td><td>张六</td></tr>
 * 		<tr><td>5</td><td>张七</td></tr>
 * 		<tr><td>6</td><td>张八</td></tr>
 * 
 * </table>
 * 	
 * 
*/

你可能感兴趣的:((27)ExtJS之Panel中使用contentEI配置项加载本地资源示例)