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

最新推荐文章于 2014-09-25 16:39:52 发布

最新推荐文章于 2014-09-25 16:39:52 发布 · 379 阅读

文章标签：

#json #javascript #ViewUI

本文介绍了一个关于HTML文件加载本地数据文件时遇到的问题及其解决方案。问题出现在使用特定浏览器时无法正确加载.txt格式的数据文件，通过更改文件扩展名为.asp，成功解决了加载问题。

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。

此时浏览器正确显示。