`
wmiao89620
  • 浏览: 27093 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

ext Ext.data.MemoryProxy做代理加载dom

    博客分类:
  • ext
阅读更多
面上用js读到这些xml串后,需要显示到Ext 的gird中。
无论在Ext的例子中还是文档中,Grid的store加载的xml信息都是以xml文件存在的。页面上的只有array或者json格式数据的才被store认可,没有直接加载的xml串或者dom对象的。

后来去extjs官方论坛找到了答案,解决办法就是自己把xml串封装成dom对象,然后用Ext.data.MemoryProxy做代理

摘录如下:
//load XML as string
var strXML = "<Tags></Tags>";
var xmlObject;

   
//load XML string code for IE
if (window.ActiveXObject)
  {
  var doc=new ActiveXObject("Microsoft.XMLDOM");
  doc.async="false";
  doc.loadXML(strXML);
  }
//load XML string code for Mozilla, Firefox, Opera, etc.
else
  {
  var parser=new DOMParser();
  var doc=parser.parseFromString(strXML,"text/xml");
  }
  
xmlObject = doc.documentElement;

//

    var dataStore = new Ext.data.Store({
         
        proxy: new Ext.data.MemoryProxy(xmlObject),
       
        reader: new Ext.data.XmlReader({
               record: 'Item',
               id: 'ItemID'
           }, [
               'Cat1', 'Cat2', 'Cat3', 'Cat4'
           ])
    });

//etc. etc.
分享到:
评论

相关推荐

    EXT核心API详解.doc

    27. **Ext.data.ScriptTagProxy类**:通过脚本标签加载远程数据的代理。 28. **Ext.data.DataReader类**:数据读取器,解析服务器返回的数据并转换为Record实例。 29. **Ext.data.ArrayReader类**、**JsonReader类...

    extjs帮助文档

    - `Ext.data.MemoryProxy.load(store, params, callback)`:加载数据。 - `Ext.data.MemoryProxy.save(store, operation, successCallback, failureCallback)`:保存数据。 #### 三十、Ext.data.ScriptTagProxy类...

    extjs帮助文档pdf版

    - `Ext.data.MemoryProxy.loadData(data)`: 加载数据。 - `Ext.data.MemoryProxy.getAt(index)`: 获取指定索引的数据。 #### 30. Ext.data.ScriptTagProxy 类 (P.25) - **概述**:通过`&lt;script&gt;`标签获取数据。 -...

    精通JS脚本之ExtJS框架.part1.rar

    13.5.2 Ext.data.MemoryProxy 13.5.3 Ext.data.HttpProxy 13.5.4 Ext.data.ScriptTagProxy 13.6 数据读取器 13.6.1 Ext.data.DataReader 13.6.2 Ext.data.ArrayReader 13.6.3 Ext.data.JsonReader 13.6.4 Ext...

    精通JS脚本之ExtJS框架.part2.rar

    13.5.2 Ext.data.MemoryProxy 13.5.3 Ext.data.HttpProxy 13.5.4 Ext.data.ScriptTagProxy 13.6 数据读取器 13.6.1 Ext.data.DataReader 13.6.2 Ext.data.ArrayReader 13.6.3 Ext.data.JsonReader 13.6.4 Ext...

    老师整理的extjs学习笔记

    2. **初始化**: 定义 `Ext.onReady` 函数来确保页面 DOM 完全加载后再运行 JavaScript 代码。 3. **创建组件**: 使用 ExtJS 提供的 API 创建 UI 组件,如面板、表格等。 4. **绑定数据**: 通过数据存储(Store)将...

    EXTJS___API详解

    7. **Ext.Element 类**:是EXTJS中用于DOM操作的核心类,提供了事件处理、样式修改、动画等功能。 8. **Ext.DomQuery 类**:类似于jQuery的选择器,用于高效地选择DOM元素。 9. **Ext.DomHelper 类**:用于动态...

    extjs学习资源

    - **数据代理**: `DataProxy`、`HttpProxy`、`MemoryProxy`和`ScriptTagProxy`用于从不同来源加载数据。 - **数据读取器**: `DataReader`、`ArrayReader`、`JsonReader`和`XmlReader`用于解析不同格式的数据源。 ...

    Extjs中文教程

    - 常见的数据代理包括`Ext.data.HttpProxy`和`Ext.data.MemoryProxy`。 - **Ext.data.DataReader类** - 用于解析服务器返回的数据,并将其转换为Extjs可以使用的格式。 - 支持多种数据格式,如JSON、XML等。 - ...

    extjs核心api详解.doc

    6. **Ext.data**:EXT的数据管理模块是其强大功能的关键。这部分讲解了数据连接(Connection/Ajax)、数据代理(DataProxy,如HttpProxy、MemoryProxy、ScriptTagProxy)、数据读取器(DataReader,如ArrayReader、...

Global site tag (gtag.js) - Google Analytics