面上用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.
分享到:
相关推荐
27. **Ext.data.ScriptTagProxy类**:通过脚本标签加载远程数据的代理。 28. **Ext.data.DataReader类**:数据读取器,解析服务器返回的数据并转换为Record实例。 29. **Ext.data.ArrayReader类**、**JsonReader类...
- `Ext.data.MemoryProxy.load(store, params, callback)`:加载数据。 - `Ext.data.MemoryProxy.save(store, operation, successCallback, failureCallback)`:保存数据。 #### 三十、Ext.data.ScriptTagProxy类...
- `Ext.data.MemoryProxy.loadData(data)`: 加载数据。 - `Ext.data.MemoryProxy.getAt(index)`: 获取指定索引的数据。 #### 30. Ext.data.ScriptTagProxy 类 (P.25) - **概述**:通过`<script>`标签获取数据。 -...
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...
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...
2. **初始化**: 定义 `Ext.onReady` 函数来确保页面 DOM 完全加载后再运行 JavaScript 代码。 3. **创建组件**: 使用 ExtJS 提供的 API 创建 UI 组件,如面板、表格等。 4. **绑定数据**: 通过数据存储(Store)将...
7. **Ext.Element 类**:是EXTJS中用于DOM操作的核心类,提供了事件处理、样式修改、动画等功能。 8. **Ext.DomQuery 类**:类似于jQuery的选择器,用于高效地选择DOM元素。 9. **Ext.DomHelper 类**:用于动态...
- **数据代理**: `DataProxy`、`HttpProxy`、`MemoryProxy`和`ScriptTagProxy`用于从不同来源加载数据。 - **数据读取器**: `DataReader`、`ArrayReader`、`JsonReader`和`XmlReader`用于解析不同格式的数据源。 ...
- 常见的数据代理包括`Ext.data.HttpProxy`和`Ext.data.MemoryProxy`。 - **Ext.data.DataReader类** - 用于解析服务器返回的数据,并将其转换为Extjs可以使用的格式。 - 支持多种数据格式,如JSON、XML等。 - ...
6. **Ext.data**:EXT的数据管理模块是其强大功能的关键。这部分讲解了数据连接(Connection/Ajax)、数据代理(DataProxy,如HttpProxy、MemoryProxy、ScriptTagProxy)、数据读取器(DataReader,如ArrayReader、...