初学ExtJs求救于高手,该怎么处理

2012-02-11

初学ExtJs求救于高手var tabPanel new Ext.TabPanel({region : center,enableTabScroll : true,deferr

初学ExtJs求救于高手
var tabPanel = new Ext.TabPanel(
{
region : 'center',
enableTabScroll : true,
deferredRender : false,
activeTab : 0,
items :[
title: "导航",
autoLoad: "index.html"
//html: ""
]
});

index.html
<html>
<head>
<title>index.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style type="text/css">
P{size:5px; color:red;}
</style>
<script type="text/javascript">
function verify()
{
alert("hello");
}
</script>
</head>

<body>
<input type="button" value="单击" onclick="verify()"/>
<p>你好吗？</p>
</body>
</html>

问题：
当页面加载的时候，index.html <body>里面的内容显示出来了，但是以外就不能识别，这里出现verify()方法没有定义，<p>标签也没有发生字体和颜色的变化，但按钮和<p>里面的内容能正常显示出来。
求救各路兄弟姐妹，怎样才能把一个页面完全加载进来，谢谢了。

[解决办法]
好像有个autoscript的参数，autoload是不执行js的。
[解决办法]
我也想学extjs。。友情帮顶！
[解决办法]
new Ext.Viewport({
layout: 'fit',
items: [tabPanel],
renderTo: Ext.getBody()
});
tabPanel.show();

要new一个Ext.Viewport，或者放到window下

然后show一下的
[解决办法]
autoload 有个参数叫 scripts: 设置为false则不会执行被引用页面的js的。设置为true则反之。
[解决办法]
html:'<iframe id="myFrame" name="myFrame" src="index.html" width="100%" height="100%" frameborder="0" scrolling="auto"></iframe>'

用一个iframe
[解决办法]
var tabs = new Ext.TabPanel({
id: "tabs",
border: false,
activeTab: 0,
hideBorders: true,
resizeTabs: true,
deferredRender: false,
tabWidth: 120,
height: Ext.getBody().getHeight(),
width: Ext.getBody().getWidth(),
items: [{id: "indexTab", title: "首页", html: '<iframe id="forum_iframe" src="collect.jsp" style="width: 100%; height: 100%; overflow: hidden;" scrolling="no"></iframe>'}],
region: "center"
});
[解决办法]
iframe是比较简单的做法了，我刚试了几次，NND就是不行

JScript code

   Ext.get("foo").load({        url: "bar.php",        scripts: true,        params: "param1=foo&param2=bar",        text: "Loading Foo..."   });

热点排行

J2EE开发

初学ExtJs求救于高手,该怎么处理