初学ExtJs求救于高手,该怎么处理
日期：2014-05-20 浏览次数：20614 次
初学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就是不行
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¶m2=bar",
text: "Loading Foo..."
});
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
