(26)ExtJS之面板Panel的autoLoad配置

本文详细介绍了ExtJS中面板Panel的autoLoad配置选项,讲解如何实现面板内容的自动加载。通过实例演示了如何从JSP页面动态加载数据到Panel中,帮助开发者更好地理解和应用这一特性。
摘要由CSDN通过智能技术生成
//2.使用autoLoad配置项为面板加载远程页面,主要是用autoLoad配置项设置要加载的远程页面url地址,同时展示面板折叠和滚动的效果:
//实验证明只显示"测试代码"四个字,显示主体部分
Ext.onReady(function(){
	Ext.create('Ext.panel.Panel',{
		title:'面板加载远程页面',
		height:150,//设置面板的高度
		width:250,//设置面板的宽度
		frame:true,//渲染面板
		autopScroll:true,//允许展开和收缩
		renderTo:Ext.getBody(),
		bodyPadding:5,
		autoLoad:'base/page1.html',//自动加载面板的默认连接
		bodyStyle:'background-color:#FFFFFF',//设置面板体的背景色
		autoScroll:true
	});
	
});



JSP页面:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String bas
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值