xml文件结构:books.xml
![](http://www.blogjava.net/Images/OutliningIndicators/None.gif)
<?xml version="1.0" encoding="UTF-8"?>
![](http://www.blogjava.net/Images/OutliningIndicators/None.gif)
<root>
![](http://www.blogjava.net/Images/OutliningIndicators/None.gif)
<book id="1">
![](http://www.blogjava.net/Images/OutliningIndicators/None.gif)
<name>深入浅出extjs</name>
![](http://www.blogjava.net/Images/OutliningIndicators/None.gif)
<author>张三</author>
![](http://www.blogjava.net/Images/OutliningIndicators/None.gif)
<price>88</price>
![](http://www.blogjava.net/Images/OutliningIndicators/None.gif)
</book>
![](http://www.blogjava.net/Images/OutliningIndicators/None.gif)
<book id="2">
![](http://www.blogjava.net/Images/OutliningIndicators/None.gif)
<name>锋利的jQuery</name>
![](http://www.blogjava.net/Images/OutliningIndicators/None.gif)
<author>李四</author>
![](http://www.blogjava.net/Images/OutliningIndicators/None.gif)
<price>99</price>
![](http://www.blogjava.net/Images/OutliningIndicators/None.gif)
</book>
![](http://www.blogjava.net/Images/OutliningIndicators/None.gif)
<book id="3">
![](http://www.blogjava.net/Images/OutliningIndicators/None.gif)
<name>深入浅出flex</name>
![](http://www.blogjava.net/Images/OutliningIndicators/None.gif)
<author>王五</author>
![](http://www.blogjava.net/Images/OutliningIndicators/None.gif)
<price>108</price>
![](http://www.blogjava.net/Images/OutliningIndicators/None.gif)
</book>
![](http://www.blogjava.net/Images/OutliningIndicators/None.gif)
<book id="4">
![](http://www.blogjava.net/Images/OutliningIndicators/None.gif)
<name>java编程思想</name>
![](http://www.blogjava.net/Images/OutliningIndicators/None.gif)
<author>钱七</author>
![](http://www.blogjava.net/Images/OutliningIndicators/None.gif)
<price>128</price>
![](http://www.blogjava.net/Images/OutliningIndicators/None.gif)
</book>
![](http://www.blogjava.net/Images/OutliningIndicators/None.gif)
</root>
![](http://www.blogjava.net/Images/OutliningIndicators/None.gif)
页面代码:
效果图:
完整示例下载