如何使用XSL从XML创建可折叠的可扩展menutree

时间:2015-05-03 09:40:29

标签: javascript css python-2.7 xslt

我有一个像这样的xml文件

<WORLD>
<COUNTRY COUNTRYID="INDIA">
<STATE STATEID="ANDHRAPRADESH">
<CITY>HYDERABAD</CITY>
<CITY>VIZAG</CITY>
<CITY>KURNOOL</CITY>
</STATE>
<STATE STATEID="TAMILNADU">
<CITY>CHENNAI</CITY>
<CITY>COIMBATORE</CITY>
<CITY>SALEM</CITY>
</STATE>
<STATE STATEID="KARNATAKA">
<CITY>BANGALORE</CITY>
<CITY>MYSORE</CITY>
<CITY>BALLARI</CITY>
</STATE>
</COUNTRY>
<COUNTRY COUNTRYID="AUSTRALIA">
<STATE STATEID="NEW SOUTH WALES">
<CITY>PERTH</CITY>
<CITY>BRIABANE</CITY>
<CITY>HOBART</CITY>
</STATE>
</COUNTRY>
</WORLD>

我希望使用带有加号和减号的xsl和javascript(如果需要)显示可扩展/折叠树结构;

> WORLD  |  |
>     INDIA
>           |
>           |
>            ANDHRAPRADESH
>                      |
>                      |
>                   HYDERABAD
>                   VIZAG
>                   KURNOOL
>            KARNATAKA
>                      |
>                      |
>                   BANGALORE
>                   BALLARI   
>             AUSTRALIA  
>                |
>                |
>             NEW SOUTH WALES
>                    |
>                    |
>                    PERTH
>                    BRIABANE

是否可以简单地使用XSL和一些javascript或纯CSS?

我有一个这个问题的一般形式,虽然我确实捏了上面显示的示例XML from

基本上我非常希望得到像this一样酷的东西,但只是使用XSL(如果需要的话还有一些小的javascript)来转换我的XML文档。有什么想法吗?

注意:我对XSL或javascript有一点宝贵的经验,我确实使用了python,所以如果有python库或解决方案请告诉我

0 个答案:

没有答案