在jqGrid / treegrid的帮助下以树格式显示xml

时间:2011-07-05 06:45:59

标签: jquery xml jqgrid treegrid

我想在jsp页面中借助jqGrid显示一个XML文件。关键点是: Xml可以是任何类型,意味着它可以是任何级别的父子级别,如

<?xml version="1.0" encoding="ISO-8859-1"?>

<CATALOG>
    <CD>
        <TITLE>Empire Burlesque</TITLE>
        <ARTIST>Bob Dylan</ARTIST>
        <COUNTRY>USA</COUNTRY>
        <COMPANY>Columbia</COMPANY>
        <PRICE>10.90</PRICE>
        <YEAR>1985</YEAR>
    </CD>
    <CD>
        <TITLE>Hide your heart</TITLE>
        <ARTIST>Bonnie Tyler</ARTIST>
        <COUNTRY>UK
            <STATE>
                cardif
            </STATE>
        </COUNTRY>
        <COMPANY>CBS Records</COMPANY>
        <PRICE>9.90</PRICE>
        <YEAR>1988</YEAR>
    </CD>
    <CD>
        <TITLE>Still got the blues</TITLE>
        <ARTIST>Gary Moore</ARTIST>
        <COUNTRY>UK</COUNTRY>
        <COMPANY>Virgin records
            <ALPHA>PPP
                <BETA>QQQ
                    <GAMMA>RRR</GAMMA>
                </BETA>
            </ALPHA>
        </COMPANY>
        <PRICE>10.20</PRICE>
        <YEAR>1990</YEAR>
    </CD>
</CATALOG>

- &GT;该代码不应该是硬编码的。 - &GT;每个父母都应该有切换功能。意味着如果我们点击他们的孩子应该隐藏和显示的任何父母。

任何人都可以帮我这个

1 个答案:

答案 0 :(得分:1)

由于您需要jqgrid的JSON,您可以使用此库将该xml转换为json:

http://www.openjs.com/scripts/xml_parser/

然后,您可以在Javascript中处理它以将其作为数据参数传递给jqgrid

编辑 This link对您尝试执行的操作非常有用:

希望这会有所帮助。干杯