моя страница javascript пуста

Я написал это приложение Ext js, но я продолжаю получать эту ошибку, которая говорит, что не может вызвать метод «create» в строке 32. Я вынул несколько строк из исходного кода. Ext.onReady не работал, страница будет просто пустая и Debuger вратаря давать какую-либо ошибку, но когда я вынул Ext.onReady() совала данной ошибкамоя страница javascript пуста

<html> 
    <head><title>Arrar Read</title> 

    </head> 
    <body> 


<link rel="stylesheet" type="text/css" href="C:/Users/kevin/ext-3.4.0/ext-3.4.0  /resources/css/ext-all.css"/> 

<script type="text/javascript" src="C:/Users/kevin/ext-3.4.0/ext-3.4.0/adapter  /ext/ext-base-debug.js"></script> 
<script type="text/javascript" src="C:/Users/kevin/ext-3.4.0/ext-3.4.0ext-all.js">  </script> 
<script type="text/javascript" src="C:/Users/kevin/ext-3.4.0/ext-3.4.0/ext-all-  debug.js"></script> 
<script type="text/javascript" src="C:/Users/kevin/ext-3.4.0/ext-3.4.0/adapter/ext/ext-base.js"></script> 
<script type="text/javascript" src="C:/Users/kevin/ext-3.4.0/ext-3.4.0/pkgs/ext-core.js"></script> 


    <script type="text/javascript"> 


var arrayD = [ 
['Jary Garcia', 'MD'], 
['Arron, Baker', 'VA'], 
['Susan Smith', 'DC'], 
['Mary Smith', 'DE'], 
['Bryan Shanly', 'NJ'], 
['Nyron Selgado', 'CA'] 
    ]; 

    var nameRecord = Ext.data.Record.create([ 
{ name: 'name', mapping : 1}, 
{ name: 'state',mapping : 2} 
]); 

    var arrayReader = new Ext.data.ArrayReader({},nameRecord); //creating a reader 

    var memoryProxy = new Ext.data.MemoryProxy(arrayD); //creating a memory proxy from the array 

var store = new Ext.data.Store({ //create a store 
reader : arrayReader, 
proxy : memoryProxy 

}); 

var colModel = new Ext.grid.ColumnModel([ 
{ 
    header : 'Full Name', 
    sortable : true, 
    dataIndex : 'fullName' 
}, 
{ 
    header : 'State', 
    dataIndex : 'state' 
} 
    ]); 

    var gridView = new Ext.grid.GridView(); 

    var selModel = new Ext.grid.RowSelectionModel({ 
singleSelect : true 
    }); 

    var grid = new Ext.grid.GridPanel({ //create a gridpanel 
title : 'First Grid', 
renderTo : Ext.getBody(), 
autoHeight : true, 
width : 250, 
store : store, 
view : gridView, 
colModel : colModel, 
selModel : selModel 
}); 

    console.debug('everything executed'); 


    </script> 

    </body> 
</html>

Я не знаю, если им не хватают некоторые файлы сценариев или нет . может кто-то пожалуйста, помогите мне

источник

2012-06-12 Kevin Morfin

'C:/Users/Кевином/...', вам нужно избавиться от этого, если вы собирается развернуть веб-страницу. – jakebird451

Что бы вы посоветовали? –

Я бы предложил использовать ссылки в соответствии с веб-сайтом. На большинстве веб-сайтов есть папка для хранения файлов javascript, обычно «js». Если у вас есть такая папка, вы можете переименовать все файлы сценариев в '/ js/*. Js'. Но с текущей настройкой пользователю потребуется путь 'C:/Users/kevin/ext-3.4.0/ext-3.4.0 /', чтобы существовать на собственной машине с соответствующими файлами. – jakebird451

Вот ExtJs 4 Пример: (рабочий fiddle)

var arrayD = [ 
    ['Jary Garcia', 'MD'], 
    ['Arron, Baker', 'VA'], 
    ['Susan Smith', 'DC'], 
    ['Mary Smith', 'DE'], 
    ['Bryan Shanly', 'NJ'], 
    ['Nyron Selgado', 'CA'] 
]; 

Ext.define('Person', { 
    extend: 'Ext.data.Model', 
    fields: [ 
     {name: 'name', type: 'string'}, 
     {name: 'state', type: 'string'} 
    ] 
}); 

var store = Ext.create('Ext.data.Store', { 
    model: 'Person', 
    data: arrayD 
}); 

var grid = Ext.create('Ext.grid.GridPanel', { //create a gridpanel 
    title: 'First Grid', 
    renderTo: Ext.getBody(), 
    autoHeight: true, 
    width: 250, 
    store: store, 
    columns: [ 
     { 
      header: 'Full Name', 
      sortable: true, 
      dataIndex: 'name'}, 
     { 
      header: 'State', 
      dataIndex: 'state' 
     } 
    ] 
}); 

console.debug('everything executed');

Вы можете скачать свою собственную версию и поместить его в веб-сервер или использовать один из них для JS:

//for production 
<script src="http://cdn.sencha.io/ext-4.1.1-gpl/ext-all.js"></script> 
//for debug => isn't minified 
<script src="http://cdn.sencha.io/ext-4.1.1-gpl/ext-all-debug.js"></script> 
//for development => isn't minified, logs errors and warnings to the console. 
<script src="http://cdn.sencha.io/ext-4.1.1-gpl/ext-all-dev.js"></script>

для использования CSS:

<link rel="stylesheet" type="text/css" href="htpp://cdn.sencha.io/ext-4.1.1-gpl/resources/css/ext-all.css"/>

источник

2012-10-10 11:07:13 VDP

моя страница javascript пуста

ответ

Смежные вопросы