如何像浏览器那样用php/jquery显示递归xml树(可扩展)



我有以下复杂的xml源(例如:http://www.fluffyduck.com.au/sampleXML.xml)如果在浏览器中查看,则显示的父/子方法=完美

这正是我想要的。然而,我需要使用php递归地在网页中显示它,并能够以可扩展的表/树格式检索每个属性。

我试过jstree没有成功,jquery.treetable没有成功,转换为xslt没有成功。我确信这是我缺乏使用这些工具的经验,但必须有一种方法来处理数据,并将其显示在一个可扩展的树方法中,就像chrome在查看上述链接时所做的那样。

感谢大家的帮助

--编辑以包含一些示例代码:经过多次测试,但没有成功,我使用jstree页面中的示例,使用上面链接中的xml示例,回到了基础,我不得不删除第一个标记上方的所有代码。

然后将所有标签重命名为,以符合jstree的要求,这样做似乎显示了正确的树,但没有数据。所以我只是在前3个记录test1/test2/test3之后插入,但只显示箭头旁边的第一个名称。

$(function () {
$("#demo2").jstree({
"xml_data" : {
"ajax" : {
"url" : "../moo.xml"
},
"xsl" : "nest"
},
"plugins" : [ "themes", "xml_data" ]
});
});

这里的问题导致了向我提供XML的源代码。我无法修改它。

但当我手动编辑文件时,标题是

主节点是然后是的每个记录节点

它开始工作了,我现在只需要弄清楚如何自动做到这一点。

最新更新