0

グリッド パネルを作成しようとしましたが、応答が空白です。app.js は次のとおりです。

//create panel
Ext.create('Ext.grid.Panel', {
    renderTo: Ext.getBody(),
    store: userStore,
    width: 400,
    height: 200,
    title: 'Application Users',
    columns: [{
        text: 'Name',
        width: 100,
        sortable: false,
        hideable: false,
        dataIndex: 'name'
    }, {
        text: 'Email Address',
        width: 150,
        dataIndex: 'email',
        hidden: true
    }, {
        text: 'Phone Number',
        flex: 1,
        dataIndex: 'phone'
    }]
});

モデルとストア:

Ext.define('User', { 
     extend: 'Ext.data.Model',
     fields: [ 'name', 'email', 'phone' ]
});

// create store
var userStore = Ext.create('Ext.data.Store', {
     model: 'User',
     data: [{
          name: 'Lisa',
          email: 'lisa@simpsons.com',
          phone: '555-111-1224'
     }, {
          name: 'Bart',
          email: 'bart@simpsons.com',
          phone: '555-222-1234'
     }]
});

試してみましたが、ブラウザは空白で、警告情報はありません。ページが空白なのはなぜですか？

4

1 に答える 1

1

あなたのコードは正しく、正しく動作しています

Ext.onReady(function() {
    Ext.define('User', { 
         extend: 'Ext.data.Model',
         fields: [ 'name', 'email', 'phone' ]
    });
    
    // create store
    var userStore = Ext.create('Ext.data.Store', {
         model: 'User',
         data: [{
              name: 'Lisa',
              email: 'lisa@simpsons.com',
              phone: '555-111-1224'
         }, {
              name: 'Bart',
              email: 'bart@simpsons.com',
              phone: '555-222-1234'
         }]
    });
    
    Ext.create('Ext.grid.Panel', {
        renderTo: Ext.getBody(),
        store: userStore,
        width: 400,
        height: 200,
        title: 'Application Users',
        columns: [{
            text: 'Name',
            width: 100,
            sortable: false,
            hideable: false,
            dataIndex: 'name'
        }, {
            text: 'Email Address',
            width: 150,
            dataIndex: 'email',
            hidden: true
        }, {
            text: 'Phone Number',
            flex: 1,
            dataIndex: 'phone'
        }]
    });
});

デモをチェック

Ext.onReady を使用していないか、デバッガのコンソールで確認できる JavaScript エラーが発生している可能性があります。

于 2013-04-19T19:57:41.497 に答える