Extjs 我的javascript页面是空白的_Extjs

Extjs 我的javascript页面是空白的

extjs

Extjs 我的javascript页面是空白的,extjs,Extjs,我编写了这个ExtJS应用程序，但我一直收到这样一个错误，在第32行中表示无法调用方法“create”。我从原始代码中取出了一些行。Ext.onReady不起作用，页面将是空白的，调试程序没有给出任何错误，但是当我取出Ext.onReady（）时，这个错误突然出现了 <html> <head><title>Arrar Read</title> </head> <body> <link rel="

我编写了这个ExtJS应用程序，但我一直收到这样一个错误，在第32行中表示无法调用方法“create”。我从原始代码中取出了一些行。Ext.onReady不起作用，页面将是空白的，调试程序没有给出任何错误，但是当我取出Ext.onReady（）时，这个错误突然出现了

<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>


阿拉尔读
var arrayD=[
['Jary Garcia'，'MD']，
['Arron，Baker'，'VA']，
['Susan Smith'，'DC']，
['Mary Smith'，'DE']，
['Bryan Shanly'，'NJ']，
['Nyron Selgado'，'CA']
];
var namecord=Ext.data.Record.create([
{name:'name'，映射：1}，
{name:'state'，映射：2}
]);
var arrayReader=new Ext.data.arrayReader（{}，nameRecord）//创造读者
var memoryProxy=新的Ext.data.memoryProxy（arrayD）//从阵列创建内存代理
var store=new Ext.data.store（{//创建一个存储
读者：arrayReader，
代理：memoryProxy
});
var colModel=新的Ext.grid.ColumnModel([
{
标题：“全名”，
可排序：是的，
数据索引：“全名”
},
{
标题：“状态”，
数据索引：“状态”
}
]);
var gridView=new Ext.grid.gridView（）；
var selModel=new Ext.grid.RowSelectionModel({
singleSelect:true
});
var grid=new Ext.grid.GridPanel（{//创建一个GridPanel
标题：“第一个网格”，
renderTo:Ext.getBody（），
自动高度：正确，
宽度：250，
店:店,，
视图：gridView，
colModel:colModel，
selModel:selModel
});
调试（“执行的所有内容”）；

我不知道我是否丢失了一些脚本文件。有人能帮我吗？

这里是一个ExtJS4示例：（正在工作）

您可以下载自己的版本并将其放在Web服务器中，或对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>

//用于生产
//对于调试=>未缩小
//for development=>未缩小，将错误和警告记录到控制台。

对于css使用：

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

C:/Users/kevin/…

，如果你要部署网页，你需要摆脱它。我建议根据网站使用链接。大多数网站都有一个文件夹来保存javascript文件，通常是“js”。如果有这样的文件夹，可以将所有脚本文件重命名为

/js/*.js

。但在当前设置中，用户需要路径

C:/Users/kevin/ext-3.4.0/ext-3.4.0/

才能在自己的机器上使用正确的文件。谢谢。我用过。但后来我得到一个错误，第56行是“uncaughttypeerror:undefined不是函数”。var colModel=新的Ext.grid.ColumnModel([

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