2010-11-13 76 views

回答

0

試試這個代碼(與你的XML源替代的test.xml)

// create the Data Store 
var store = new Ext.data.Store({ 
    // load using HTTP 
    url: 'test.xml', 
    // the return will be XML, so lets set up a reader 
    reader: new Ext.data.XmlReader({ 
      // records will have an "customer" tag 
      record: 'customer', 
     }, ['id','field1', 'field2', 'field3']) 
}); 

// create the grid 
var grid = new Ext.grid.GridPanel({ 
    store: store, 
    columns: [ 
     {header: "id", width: 120, dataIndex: 'id', sortable: true}, 
     {header: "field1", width: 180, dataIndex: 'field1', sortable: true}, 
     {header: "field2", width: 115, dataIndex: 'field2', sortable: true}, 
     {header: "field3", width: 100, dataIndex: 'field3', sortable: true} 
    ], 
    renderTo:'example-grid', 
    width:540, 
    height:200 
}); 
store.load(); 

,以獲得標籤:名字,以及內部推薦我用Ext.DomQuery使您解析到XML(試它用於內部和推介)

Ext.Ajax.request({ 
     url: 'test.xml', 
     success: function(response){ 
     console.debug(response); 
     if (Ext.DomQuery.selectNode("/rootNode/name", response.responseXML)) { 
      var name = Ext.DomQuery.selectValue("/rootNode/name", response.responseXML); 
      console.debug(name); 
     } 

     }, 
     failure: function() { console.log('failure');} 
    });