2010-12-07 48 views
0

J'utilisais extjs pour une application mais quand j'ai vérifié certains des exemples comme la grille xml, j'ai trouvé qu'il ne fonctionne pas en chrome et d'autres navigateurs comme mentionné ci-dessus mais ça fonctionne bien en ...Extjs xml grid ne fonctionne pas en chrome, safari, mozilla firefox mais fonctionne en IE?

vous me s'il vous plaît aider à résoudre ce problème .... voici la code..just en cas ......

Ext.onReady(function(){ 

    var store = new Ext.data.Store({ 

     url: 'http://dev.sencha.com/deploy/dev/examples/grid/sheldon.xml', 
     reader: new Ext.data.XmlReader({ 
       record: 'Item', 
       id: 'ASIN', 
       totalRecords: '@total' 
      }, [ 
       {name: 'Author', mapping: 'ItemAttributes > Author'}, 
       'Title', 'Manufacturer', 'ProductGroup' 
      ]) 
    }); 

    // create the grid 
    var grid = new Ext.grid.GridPanel({ 
     store: store, 
     columns: [ 
      {header: "Author", width: 120, dataIndex: 'Author', sortable: true}, 
      {header: "Title", width: 180, dataIndex: 'Title', sortable: true}, 
      {header: "Manufacturer", width: 115, dataIndex: 'Manufacturer', sortable: true}, 
      {header: "Product Group", width: 100, dataIndex: 'ProductGroup', sortable: true} 
     ], 
     renderTo:'example-grid', 
     width:540, 
     height:200 
    }); 

    store.load(); 
}); 

le fichier html car il est:

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
<title>XML Grid Example</title> 
<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" /> 

    <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script> 
    <script type="text/javascript" src="../../ext-all-debug.js"></script> 
    <script type="text/javascript" src="xml-grid.js"></script> 

<link rel="stylesheet" type="text/css" href="grid-examples.css" /> 
<link rel="stylesheet" type="text/css" href="../shared/examples.css" /> 

</head> 
<body> 
<script type="text/javascript" src="../shared/examples.js"></script> 
<h1>XML Grid Example</h1> 

<div id="example-grid"></div> 

</body> 
</html> 

Répondre

1

Firefox, Chrome et Safari empêchent probablement votre JavaScript d'appeler 'http://dev.sencha.com/deploy/dev/examples/grid/sheldon.xml '.

Téléchargez le fichier XML sur votre ordinateur et réglez l'URL dans la déclaration de votre magasin.

+0

J'ai aussi essayé de le faire mais ça n'a pas aidé .... –