1

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

いくつかのスクリプトファイルが欠落しているかどうかはわかりません。誰か助けてくれませんか

4

1 に答える 1

0

ExtJs 4の例を次に示します:(作業フィドル）

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');​

独自のバージョンをダウンロードして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>

cssで使用する場合：

<link rel="stylesheet" type="text/css" href="htpp://cdn.sencha.io/ext-4.1.1-gpl/resources/css/ext-all.css"/>
于 2012-10-10T11:07:13.687 に答える