让Ext的Grid能加载页面的xml串

项目遇到特殊需求:页面上有一个applet,负责取一些客户机上的数据到页面。这些数据格式是xml字符串。

页面上用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.

你可能感兴趣的:(grid)