您的位置：首页 > Web前端 > JavaScript

Ext中TreeLoader加载json数据文件问题

2012-06-02 17:23 357 查看
html文件内容如下：

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gbk">

<title>05.tree</title>

<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />

<script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>

<script type="text/javascript" src="../../ext-all.js"></script>

<script type="text/javascript" src="localXHR.js"></script>

<script type="text/javascript">

Ext.onReady(function(){

var tree = new Ext.tree.TreePanel({

el: 'tree',

loader: new Ext.tree.TreeLoader({dataUrl: 'data1.txt'})

});

var root = new Ext.tree.AsyncTreeNode({text:'我是根'});

tree.setRootNode(root);

tree.render();

root.expand();

});

</script>

</head>

<body>

<script type="text/javascript" src="../shared/examples.js"></script>

<div id="tree" style="height:300px;"></div>

</body>

</html>

数据文件内容如下：（文件名为：data1.txt）

[

{text:'computer',children:[

{text:'java',leaf:true},

{text:'c++',children:[

{text:'thinking',leaf:true},

{text:'yyyyy',leaf:true}

]},

{text:'asp',leaf:true}

]},

{text:'jsp',children:[

{text:'dadf',leaf:true},

{text:'ddddddd',leaf:true}

]}

]

数据文件与html文件置于同一目录下

但是使用360极速浏览器打开，发现没有加载data1.txt中的数据，纠结了半天，发现问题是文件名后缀的问题，

现将data1.txt的后缀改为asp，html文件同步更改为data1.asp。

此时浏览器正确显示。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航