ext TreePanel点击加号不能展开，急急急急急！！
我第一次接触extjs，我想实现树形目录，网上参照简单的代码，是静态的树，我使用netbeans，直接引用了各种js，没有进行其他的配置，代码如下<linkrel="st...
我第一次接触extjs，我想实现树形目录，网上参照简单的代码，是静态的树，我使用netbeans，直接引用了各种js，没有进行其他的配置，代码如下
<link rel="stylesheet" type="text/css" href="ext-2.2.1/resources/css/ext-all.css" />
<script type="text/javascript" src="ext-2.2.1/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext-2.2.1/ext-all.js"></script>
<script>
Ext.BLANK_IMAGE_URL = 'ext-2.2.1/resources/images/default/s.gif';
Ext.onReady(function(){
//Ext.MessageBox.alert("hello", "helloword")
var root=new Ext.tree.TreeNode
({
id:"root",
text:"树的根"
});
root.appendChild
(
new Ext.tree.TreeNode
({
id:"C1",
text:"子节点2"
})
);
root.appendChild(new Ext.tree.TreeNode
({
id:"c2",
text:"子节点2"
}));
var tree = new Ext.tree.TreePanel
({
renderTo:"container",
root:root,
width:100
});
});
运行的结果是
那个加号不能点，不会显示它下面的子节点，为什么呢？拜托各位解释下，怎么解决呢？十分感谢各位
？ 展开
<link rel="stylesheet" type="text/css" href="ext-2.2.1/resources/css/ext-all.css" />
<script type="text/javascript" src="ext-2.2.1/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext-2.2.1/ext-all.js"></script>
<script>
Ext.BLANK_IMAGE_URL = 'ext-2.2.1/resources/images/default/s.gif';
Ext.onReady(function(){
//Ext.MessageBox.alert("hello", "helloword")
var root=new Ext.tree.TreeNode
({
id:"root",
text:"树的根"
});
root.appendChild
(
new Ext.tree.TreeNode
({
id:"C1",
text:"子节点2"
})
);
root.appendChild(new Ext.tree.TreeNode
({
id:"c2",
text:"子节点2"
}));
var tree = new Ext.tree.TreePanel
({
renderTo:"container",
root:root,
width:100
});
});
运行的结果是
那个加号不能点，不会显示它下面的子节点，为什么呢？拜托各位解释下，怎么解决呢？十分感谢各位
？ 展开
展开全部
不知你用的是什么浏览器，我用IE6的时候是完全正常的：
<head>
<title>EXT Tree Test</title>
<link type="text/css" rel="stylesheet" media="screen" href="Ext/resources/css/ext-all.css" />
<link type="text/css" rel="stylesheet" media="screen" href="Ext/ux/css/TreeGrid.css" />
<script language="javascript" type="text/javascript" src="Ext/adapter/ext/ext-base.js"></script>
<script language="javascript" type="text/javascript" src="Ext/adapter/ext/ext-base-debug.js"></script>
<script language="javascript" type="text/javascript" src="Ext/ext-all.js"></script>
<script language="javascript" type="text/javascript" >
Ext.BLANK_IMAGE_URL = 'ext-2.2.1/resources/images/default/s.gif';
Ext.onReady(function(){
var root=new Ext.tree.TreeNode({ id:"root", text:"树的根" });
root.appendChild ( new Ext.tree.TreeNode ({ id:"C1", text:"子节点2" }));
root.appendChild(new Ext.tree.TreeNode ({ id:"c2", text:"子节点2" }));
var tree = new Ext.tree.TreePanel ({ renderTo:"container", root:root, width:100 });
tree.render();
});
</script>
</head>
<body>
<div id="container"></div>
</body>
<head>
<title>EXT Tree Test</title>
<link type="text/css" rel="stylesheet" media="screen" href="Ext/resources/css/ext-all.css" />
<link type="text/css" rel="stylesheet" media="screen" href="Ext/ux/css/TreeGrid.css" />
<script language="javascript" type="text/javascript" src="Ext/adapter/ext/ext-base.js"></script>
<script language="javascript" type="text/javascript" src="Ext/adapter/ext/ext-base-debug.js"></script>
<script language="javascript" type="text/javascript" src="Ext/ext-all.js"></script>
<script language="javascript" type="text/javascript" >
Ext.BLANK_IMAGE_URL = 'ext-2.2.1/resources/images/default/s.gif';
Ext.onReady(function(){
var root=new Ext.tree.TreeNode({ id:"root", text:"树的根" });
root.appendChild ( new Ext.tree.TreeNode ({ id:"C1", text:"子节点2" }));
root.appendChild(new Ext.tree.TreeNode ({ id:"c2", text:"子节点2" }));
var tree = new Ext.tree.TreePanel ({ renderTo:"container", root:root, width:100 });
tree.render();
});
</script>
</head>
<body>
<div id="container"></div>
</body>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
设置下高度在试试
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
