xml json tree

最新推荐文章于 2024-08-31 10:25:10 发布
最新推荐文章于 2024-08-31 10:25:10 发布
阅读量71 收藏
点赞数
文章标签： XML json EXT C C++
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sammyfunyupg/article/details/83836666
版权
使用本工具类,可以快速从xml和json文件中创建EXT树.
预览:

tree.html:

<SCRIPT src="js/jsontree.js" type=text/javascript></SCRIPT>
<SCRIPT src="js/xmltree.js" type=text/javascript></SCRIPT>
</HEAD>
<BODY>
<div id="jsontree"></div>
<div id="xmltree"></div>
</BODY>
</HTML>
<script type="text/javascript">
Ext.BLANK_IMAGE_URL = 'js/ext-2.0/resources/images/default/s.gif';
var jsontree = new createJsonTree("jsontree", "tree.json", function() {
jsontree.render();
this.getRootNode().expand();
});

var menuTree = new createXmlTree("xmltree", "tree.xml", function() {
menuTree.render();
this.getRootNode().expand();
});
</script>

jsontree.js:
function createJsonTree(el, url, callback) {

var tree = new Ext.tree.TreePanel({
el : el,
animate : true,
border : false,
autoHeight : true,
rootVisible : true
});

var treeNodesFromArray = function(parentNode, children) {

Ext.each(children, function(child) {
var node = new Ext.tree.TreeNode({
text : child.text,
url : child.url,
color : child.color,
menuid : child.menuid,
expanded : child.expanded
});
if (!parentNode) {
tree.setRootNode(node);
} else {
parentNode.appendChild(node);
}

if (child.children) {
treeNodesFromArray(node, child.children);
}
}, this);
};

try {

var proxy = new Ext.data.HttpProxy({
url : url
});

proxy.on("loadexception", function(o, response, e) {
if (e)
throw e;
});

proxy.load(null, {
read : function(response) {
var treeJson = Ext.util.JSON.decode(response.responseText);
treeNodesFromArray(null, treeJson);
callback.call(tree);
}
}, function() {
}, this);

} catch (e) {

}
return tree;
}

xmltree.js
function loadXMLext(xmlStr) {

if (!xmlStr)
return null;
if (window.ActiveXObject) {
var xmlDom = new ActiveXObject("Microsoft.XMLDOM");
} else {
if (document.implementation && document.implementation.createDocument) {
var xmlDom = document.implementation
.createDocument("", "doc", null)
}
}
xmlDom.async = true;
try {
xmlDom.loadXML(xmlStr);
} catch (e) {
var oParser = new DOMParser();
xmlDom = oParser.parseFromString(xmlStr, "text/xml");
}
return xmlDom;
}

function createXmlTree(el, xmlsrc, callback) {

var tree = new Ext.tree.TreePanel({
el : el,
animate : true,
border : false,
autoHeight : true,
rootVisible : true
});

var xmlDom = loadXMLext(xmlsrc);
try {
tree.setRootNode(treeNodeFromXml(xmlDom.documentElement || xmlDom));
callback.call(tree);
} catch (e) {

var p = new Ext.data.HttpProxy({
url : xmlsrc
});

p.on("loadexception", function(o, response, e) {
alert("loadException");
});

p.load(null, {
read : function(response) {
var doc = response.responseXML;
tree.setRootNode(treeNodeFromXml(doc.documentElement || doc));
}
}, callback, tree);

}
return tree;
}

function treeNodeFromXml(XmlEl) {

var t = ((XmlEl.nodeType == 3) ? XmlEl.nodeValue : XmlEl.tagName);
if (t.replace(/\s/g, '').length == 0) {
return null
}
var result = {
text : t
};

if (XmlEl.nodeType == 1) {

Ext.each(XmlEl.attributes, function(a) {
if (a.nodeName == "href" && XmlEl.hasChildNodes())
return;
result[a.nodeName] = a.nodeValue;
});

result = new Ext.tree.TreeNode(result);
Ext.each(XmlEl.childNodes, function(el) {
if ((el.nodeType == 1) || (el.nodeType == 3)) {
var c = treeNodeFromXml(el);
if (c) {
result.appendChild(c);
}
}
});
}
return result;
}

示例数据tree.json:
[{
text : 'json树根',
url : 'root',
menuid : 'root',
expanded : true,
children : [{
text : 'json节点一',
url : '001',
menuid : '01',
expanded : true
}, {
text : 'json节点二二',
expanded : true,
children : [{
text : 'json节点三',
url : '003',
menuid : '03',
expanded : true
}, {
text : 'json节点四',
url : '004',
menuid : '04',
expanded : true
}]
}]
}]
示例数据tree.xml:
<xml树根 expanded="true" menuid="10000" >
<xml节点一 expanded="true" menuid="10005" />
<xml节点二 expanded="true" menuid="10007" />
xml树根>
sammyfunyupg
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
eclipse 集成 JSON2XML Tree Viewer
08-13
eclipse 集成 JSON2XML Tree Viewer，json文本可以转换成xml和Tree
Ext树工具类 Jsontree和Xmltree
09-04 90
使用说明:使用本工具类,可以快速从xml和json文件中创建EXT树.预览:tree.html: &lt;SCRIPT src="js/jsontree.js" type=text/javascript&gt;&lt;/SCRIPT&gt; &lt;SCRIPT src="js/xmltree.js" type=text/javascript&gt;&lt;/SCRIPT&gt; &lt;/
自己编写的json 对象与xml 和Tree之间的转换
08-20
json 对象能转换成xml 并能树形显示（树上显示节点，属性，和值），通过xml能转换成json对象（可以包含属性）
将XML文件转换为easyui Tree结构json
nihaoma71121的专栏
08-13 3356
private void GetTreeCamera() { XmlDocument xmlDoc = new XmlDocument(); xmlDoc.Load(HttpContext.Current.Server.MapPath("camera.xml")); StringBuilder result = new
Python3解析XML文件(xml.etree.ElementTree)——以简单网络爬虫为例
热门推荐
qy20115549的博客
10-08 1万+
在python3中可以使用 xml.etree.ElementTree 模块操作XML文档。以下案例为网易汽车的销量数据，地址为： http://db.auto.sohu.com/cxdata/xml/sales/model/model1001sales.xml 从网页内容中，可以看到是XML文件。以下为其解析程序，我想要的数据是date(销量的日期)、salesNum(销量)两个数据： #...
Python XML转Json
AI创世纪的博客
03-27 1733
大家都知道python的字典和json类似，那么可不可以先将xml转换成json再去做其他的事情呢？1.下面的Python代码将任意XML格式文件转化为JSON格式（字典）。除Python自带的模块外，不需要依赖其他任何第三方库。最近遇到个接口，需要将XML转换为form-data格式，并排序，排序后再加密。2.XML文件的读取使用Python自带的XML模块。
XML与JSON文件代码例子
06-07
在Python中，有`xml.etree.ElementTree`库处理XML，`json`模块处理JSON。 总结来说，XML和JSON是数据表示的两种重要方式，它们各有特点，适应不同的应用场景。TestXML文件中的内容可能是展示如何在代码中创建、解析...
xmljson解析客户端
06-07
本文将探讨"xmljson解析客户端"相关的知识点，包括XML和JSON的基本概念、它们之间的转换，以及可能使用的解析库。 首先，XML是一种基于文本的标记语言，它的主要特点是可以定义自定义的标签来表示数据。XML文档由...
一文秒懂python读写csv xml json文件各种骚操作
09-19
### Python读写CSV、XML与JSON文件详解 #### 一、引言 随着信息技术的不断发展，数据存储格式也在不断变化，但CSV、JSON和XML仍然是数据处理中最常用的格式。Python作为一门灵活且功能强大的编程语言，提供了丰富的...
Npm install 原理
最新发布
weixin_45119097的博客
08-31 358
当依赖树第一层分别依赖a,b,c。当b依赖于c的时候，理想状态下，会直接关联b和c的关联关系，但是如果b依赖于c，但是c的另一个版本，这时候属于非理想状态下，b就不能直接依赖c，而是去构建属于自己的node-modules。这时候就会产生冗余代码，属于非扁平化。信息生成一个唯一的key，这个key能找到对应的index-v5 下的缓存记录 也就是npm cache 文件夹下的index-v5文件，如果发现有缓存记录，就会找到tar包的hash值，然后将对应的二进制文件解压到node_modeules。
Powershell@2 文件操作整理
april_4的博客
08-28 304
最近又开始折腾pipeline了，对文件操作，这里实践并记录一下。
python从入门到精通：数据可视化-图形开发
2401_83283514的博客
08-29 1080
• Json是一种轻量级的数据交互格式，可以按照Json指定的格式去组织和封装数据• Json本质上是一种带有特殊格式的字符串主要功能：json就是一种在各个编程语言中流通的数据格式，负责不同编程语言中的数据传递和交互，类似于：• 国际通用语言-英语• 中国不同名族的通用语言-中文（普通话）• 各种编程语言存储数据的容器不尽相同，在python中有字典dict这样的数据类型，而其它语言可能没有对应的字典。为了让不同的语言都能够相互通用的互相传递数据，Json就是一种非常良好的数据中转格式。
Vite项目启动服务器时报错 Error: Cannot find module @rollup/rollup-win32-x64-msvc.
一只想躺平却不敢躺平的小菜鸟
08-30 240
Vite项目启动服务器时报错 Error: Cannot find module @rollup/rollup-win32-x64-msvc.
鸿蒙Next 单元测试框架——hypium
qq_39431405的博客
08-30 807
单元测试框架(hypium)是HarmonyOS上的测试框架，提供测试用例编写、执行、结果显示能力，用于测试系统或应用接口。表1 单元测试框架功能特性。
欺诈文本分类微调（八）：批量评测
golfxiao的专栏
08-28 979
这句话的意思是说：当使用批量模式时，必须将一个批量内的数据长度对齐，对齐方式有两种选择：1）以长的序列为主，将短的序列填充，对应padding参数；2）以短的序列为主，将长的截断，对应truncation参数；但是根据模型训练时的batch_size设置，模型是支持批量预测的，所以我们有必要根据此特性对评测脚本做一次改造，以支持批量预测，提高每次评测的效率。：本文通过对模型批量生成文本的探索，让评测函数支持了批量预测，提高了评测效率的同时，也对padding的使用场景以及左、右填充的区别有了更深的理解。
小程序自定义目录结构
m0_69876298的博客
08-31 154
微信小程序实现自定义目录结构
解决reCaptcha v2 Invisible：识别和参数
weixin_68994939的博客
08-29 847
reCaptcha v2 Invisible是一种旨在提供安全性而不打扰用户体验的验证码类型。与传统的验证码不同，reCaptcha v2 Invisible在检测到可疑活动时才会要求用户进行互动。本文将引导您如何使用CapSolverAPI识别并解决reCaptcha v2 Invisible挑战。reCaptcha v2 Invisible是Google提供的一种安全挑战，帮助网站防止机器人和自动化滥用，同时尽量减少对合法用户的干扰。默认隐藏：除非系统检测到异常行为，否则验证码挑战不会显示。
保存json时，保存成自己喜欢的格式的方法（而不是直接保存成格式化的json文档）
weixin_44151034的博客
08-29 414
全部保存成一行 JSON 文件在打开时不是格式化的（没有缩进和换行），全都保存在一行 每条数据保存成一行： 保存成自己喜欢的格式 总结：json保存的格式并不是一成不变的，我们可以使用json中自带的字符串替换工具，来自己为其添加一些回车换行符，以及别的缩进符啥的：比如数据： 通过replace替换后保存：比如我们通过使用replace函数，在想添加回车的地方，在替换的文字中添加上,就可以： 我们还可以进一步的，自己控制添加回车和缩进，处理成自己方便审阅数据的样子。（比如我运行替换字符串的代码后，把数据处
Python xml转json
05-12
可以使用 Python 内置的 `xml.etree.ElementTree` 模块和 `json` 模块来实现 xml 转换为 json。 下面是一个简单的示例代码： ``` python import xml.etree.ElementTree as ET import json # 读取 xml 文件 tree =...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值