1

extjs を学ぶステップとして、81 個のブロックを含む数独ゲームを設計しようとしています。81 個のブロックを作成するには、以下のコードを 81 回繰り返す必要がありますか? または、単一の親ブロック内に 81 個のブロックを動的に作成する方法はありますか?

//inside parent container
{
    xtype: 'container',
    border: 1,
    height: 30,
    style: {borderColor:'#565656', borderStyle:'solid', borderWidth:'1px'}  
}

関数に組み込んでforループで81回呼び出してみましたが、これはchromeで多くのコンソールエラーで失敗し、結果はありませんでした。を使用してSencha extjs 4.1.1aいます。

ここに私の完全なコードがあります:

Ext.onReady(function(){
  Ext.create('Ext.container.Container', {
    layout: {
        type: 'column'
    },
    width: 400,
    renderTo: Ext.getBody(),
    border: 1,
     height: 300,
    style: {borderColor:'#000000', borderStyle:'solid', borderWidth:'1px'},
    defaults: {
        width: 50
    },
    items: [{
        xtype: 'container',
        border: 1,
        height: 30,
        style: {borderColor:'#565656', borderStyle:'solid', borderWidth:'1px'}
    }]
  });
});
4

1 に答える 1

2

Items は単なる配列であるため、配列を動的に構築します。

var i = 0,
    items = [];

for (i = 0; i < 5; ++i) {
    items.push({
        html: 'Foo' + i
    });
}

new Ext.container.Container({
    renderTo: document.body,
    items: items
});
于 2013-02-04T07:12:49.227 に答える