0

私は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
   },
});
4

1 に答える 1

1

確かにできます。ペインはコンポーネント配列内の各オブジェクトのビューを作成しますが、これらのコンポーネントにはサブコンポーネントを含めることができます。たとえば、1 つのペイン内にそれぞれ 2 つのボタンを持つビューを作成したい場合、次のようなものを使用できます。

...
{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"},
    ]},
]},
....
于 2012-02-09T00:11:34.390 に答える