enyo、1つ以上のコントロールを持つパンを持つ方法

Question

私はちょうどenyoを学び、パンを使用する簡単なプログラムを作った。今すぐ各パンはボタンです。 1つではなく、各パンにたくさんのコントロールがあるようにする方法はありますか？私のコードの例では、最初のパンにbutAというボタンがあります.3つのボタンがありますか？ マイコード

enyo.kind({ 
    name: "MyApps.MainApp", 
    kind: enyo.VFlexBox, 
    components: [ 
     {kind: "PageHeader", content: "Template"}, 
     {kind: "Pane", transitionKind: "enyo.transitions.LeftRightFlyin", components: [ 
      {kind: "Button", name:"butA", caption: "Pane A", onclick: "btnClickA"}, 
      {kind: "Button", name:"butB",caption: "Pane B", onclick: "btnClickB"} 
     ]} 
    ], 
    /// code to switch pans 
    btnClickA: function() { 
     this.$.pane.selectView(this.$.butB); 
    }, 

    btnClickB: function() { 
     this.$.pane.selectView(this.$.butA);//k 
    }, 
}); 

Answer 1

することもできます。このペインでは、各オブジェクトのビューをコンポーネント配列に作成しますが、これらのコンポーネントにはサブコンポーネントを含めることができます。たとえば、2つのボタンを持つビューを1つの枠内に作成するとします。

... 
{kind:enyo.Pane, components:[ 
    {kind:enyo.VFlexBox, name:"View1", components:[ 
     {kind:enyo.PageHeader, content:"Pane One"}, 
     {kind:enyo.Button, caption:"Button One"}, 
     {kind:enyo.Button, caption:"Button Two"}, 
    ]}, 
    {kind:enyo.VFlexBox, name:"View2", components:[ 
     {kind:enyo.PageHeader, content:"View Two"}, 
     {kind:enyo.Button, caption:"Button One"}, 
     {kind:enyo.Button, caption:"Button Two"}, 
    ]}, 
]}, 
....