extjs 为什么第二次加载不显示啊

<%@pagelanguage="java"contentType="text/html;charset=UTF-8"pageEncoding="UTF-8"%><!DO... <%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Insert title here</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext/ext-all.js"></script>

<link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css" />
<script type="text/javascript">
Ext.BLANK_IMAGE_URL = "ext/resources/images/default/s.gif";
Ext.onReady(function() {
var top = new Ext.Panel( {
region : 'north',
title : "标题",
height : 80,
border : true,
html : "LOGO",
margins : '0 0 5 0'
});
var left = new Ext.tree.TreePanel( {
region : 'west',
collapsible : true,
title : '左侧树',
width : 200,
autoScroll : true,
split : true,
listeners : {
click : function(n) {
var url = n.attributes.url;
var id = n.attributes.id;//id如果没有定义，则自动生成一个唯

var p = center.getItem(id);//获取节点ID 对应的标签面板
if (url) {
if (p) {
//如果已经存在，则激活
center.setActiveTab(p);
} else {
//如果不存在，则创建新的并激活
p = new Ext.Panel( {
title : n.attributes.text,
autoLoad : {

url : url,
scripts : true
},
closable : true,//标签上出现关闭按钮
id : id
/
});
center.add(p);
center.setActiveTab(p);
}
}
}

}
});
// 定义根节点
var root = new Ext.tree.TreeNode( {
text : "根节点"
});
var child1 = new Ext.tree.TreeNode( {
text : "子节点1",
url : "index.jsp",
id : 'zi1'
});
var child2 = new Ext.tree.TreeNode( {
text : "子节点2",
url : "index1.jsp",
id : 'zi2'
});
var child3 = new Ext.tree.TreeNode( {
text : "子节点3",
url : "index.jsp",
id : 'zi3'
});
root.appendChild( [ child1, child2, child3 ]);
left.setRootNode(root);

var center = new Ext.TabPanel( {
region : 'center',
defaults: {autoScroll:true},
items : {
id : "opt1",
title : 'Default Tab',
html : '欢迎使用办公管理系统'
},
enableTabScroll : true
});
center.setActiveTab("opt1");
var bottom = new Ext.Panel( {
region : 'south',
title : 'Information',
collapsible : true,
html : '版权所有，翻版必究!',
split : true,
height : 100,
minHeight : 100,

bodyStyle : "padding: 10px; font-size: 12px; text-align:center;"
});
var vp = new Ext.Viewport( {
layout : 'border',
items : [ top, left, center, bottom ]
});
// 展开所有节点
left.expandAll();
})
</script>

</head>
<body>

</body>
</html> 展开

 我来答

1个回答

#热议# 上班途中天气原因受伤算工伤吗？

没有你何来明天1u
2014-07-30 · 超过15用户采纳过TA的回答

知道答主

回答量：51

采纳率：0%

帮助的人：31.8万

我也去答题访问个人页

关注

展开全部

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>Insert title here</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css"
href="<%=basePath%>ext4/resources/css/ext-all.css" />
<script type="text/javascript"
src="<%=basePath%>js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="<%=basePath%>ext4/ext-all.js"></script>
<script type="text/javascript">
Ext.onReady(function() {
var top = new Ext.Panel({
region : 'north',
title : "标题",
height : 80,
border : true,
html : "LOGO",
margins : '0 0 5 0'
});
var store = Ext.create('Ext.data.TreeStore',{
fields :['id','leaf','text','url'],
root: {
text : "根节点",
expanded: true,
children: [
{
text : "子节点1",
url : "index.jsp",
id : 'zi1',
leaf: true
},
{
text : "子节点2",
url : "index1.jsp",
id : 'zi2',
leaf: true
},
{
text : "子节点3",
url : "index.jsp",
id : 'zi3',
leaf: true
}
]
}
});
var left = Ext.create("Ext.tree.Panel",{
width: 200,
store: store,
region:'west',
rootVisible:true,
title : '左侧树',
listeners: {
'itemclick': function(view, node) {
var url = node.get('url');
var id = node.get('id');//id如果没有定义，则自动生成一个唯
var p;
if (url) {
if (p) {
//如果已经存在，则激活
center.setActiveTab(p);
} else {
//如果不存在，则创建新的并激活
p = new Ext.Panel( {
title : node.get('text'),
autoLoad : {
url : url,
scripts : true
},
closable : true,//标签上出现关闭按钮
id : id
});
center.add(p);
center.setActiveTab(p);
}
}
}
}
});
var center = new Ext.TabPanel({
region : 'center',
defaults: {autoScroll:true},
items : {
id : "opt1",
title : 'Default Tab',
html : '欢迎使用办公管理系统'
},
enableTabScroll : true
});
center.setActiveTab("opt1");
var bottom = new Ext.Panel({
region : 'south',
title : 'Information',
collapsible : true,
html : '版权所有，翻版必究!',
split : true,
height : 100,
minHeight : 100,
bodyStyle : "padding: 10px; font-size: 12px; text-align:center;"
});
var vp = new Ext.Viewport( {
layout : 'border',
items : [ top, left, center, bottom ]
});
})
</script>
</head>
<body>
</body>
</html>

追问

在我这不好使啊   第二次加载的时候说dom对象为空

追答

我给你的代码也不可以吗？

主要是你的代码，有个地方报错了！

还有这里那个地方用到了第二次加载？？？

已赞过 已踩过<

评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

extjs 为什么第二次加载 不显示啊

其他类似问题

为你推荐：

extjs 为什么第二次加载不显示啊