ext读取xml内容

最新推荐文章于 2013-03-27 20:04:39 发布

tancaiyi

最新推荐文章于 2013-03-27 20:04:39 发布

阅读量3k

点赞数

分类专栏： ext 文章标签： xml ext function stylesheet header class

本文链接：https://blog.csdn.net/tancaiyi/article/details/3735616

版权

这篇博客介绍了一个使用Ext.js加载和编辑XML文件的例子。通过创建一个XML文件plants.xml，然后利用Ext.onReady函数加载数据，展示了一个包含植物信息的编辑网格。网格包含了植物的普通名称、植物学名、光照需求、价格、可用日期和是否适合室内种植等字段，允许用户进行编辑。数据加载后，通过Ext.data.XmlReader解析XML，并用EditorGridPanel展示数据，实现可编辑的功能。

摘要由CSDN通过智能技术生成

这里是一个老例子哈

建立一个xml文件：plants.xml

<?xml version="1.0" encoding="utf-8"?>
<catalog>
<plant>
    <common>Bloodroot</common>
    <botanical>Sanguinaria canadensis</botanical>
    <zone>4</zone>
    <light>Mostly Shady</light>
    <price>2.44</price>
    <availability>03/15/2006</availability>
    <indoor>true</indoor>
</plant>
<plant>
    <common>Columbine</common>
    <botanical>Aquilegia canadensis</botanical>
    <zone>3</zone>
    <light>Mostly Shady</light>
    <price>9.37</price>
    <availability>03/06/2006</availability>
    <indoor>true</indoor>
</plant>
</catalog>

建立js:load.js

Ext.onReady(function(){
Ext.QuickTips.init();

    function formatDate(value){
        return value ? value.dateFormat('M d, Y') : '';
    };
    // shorthand alias
    var fm = Ext.form;

    // custom column plugin example
    var checkColumn = new Ext.grid.CheckColumn({
       header: "Indoor?",
       dataIndex: 'indoor',
       width: 55
    });

    // the column model has information about grid columns
    // dataIndex maps the column to the specific data field in
    // the data store (created below)
    var cm = new Ext.grid.ColumnModel([{
           id:'common',
           header: "Common Name",
           dataIndex: 'common',
           width: 220,
           editor: new fm.TextField({
               allowBlank: false
           })
        },{
           header: "Light",
           dataIndex