1

Ext.tab.Panel に新しい Panel または Container を動的に追加したいと考えています。私はこのようなコードを試しました:

var panel = Ext.create('Ext.Container');
panel.title = 'From Code';
panel.iconCls = 'home';
panel.styleHtmlContent = true;
panel.html = 'Hello from Code';

tabPanel.add(panel);

しかし、これは私にエラーを与えます:

Adding a card to a tab container without specifying any tab configuration

オブジェクト リテラル スタイルを使用して新しいパネルまたはコンテナーを追加できますが、手動で新しいオブジェクトを作成する場合はどうすればよいですか? Ext.Container クラスには title プロパティ自体がありません。

ありがとう！

4

1 に答える 1

3

tabPanel に追加するときは、Panel または Container で iconCls と title 構成を指定する必要があります。

あなたはそれをしましたが、問題はコンテナの作成方法とiconCls、タイトル構成の設定方法だと思います。

  var panel = Ext.create('Ext.Container', {
       title: 'From Code', 
       iconCls: 'home', 
       html : 'Hello from Code'
  });



 var tab = Ext.create('Ext.TabPanel', {
    fullscreen: true,
    tabBarPosition: 'bottom',

    defaults: {
        styleHtmlContent: true
    },

    items: [
        {
            title: 'Home',
            iconCls: 'home',
            html: 'Home Screen'
        },
        {
            title: 'Contact',
            iconCls: 'user',
            html: 'Contact Screen'
        }
    ]
});

 tab.add(panel);
于 2013-07-18T06:15:33.133 に答える