1

私は Sencha Touch 2 の初心者で、次のようなものが欲しいです:

  • タップして編集したり、完了に設定したりできるリスト (たとえば、TODO 用、ST2 を試すためなど)。

正しく行っているかどうかはわかりませんが、左側にリスト、右側に詳細ビューを含むパネルがあると考えています。Conatinerのドキュメントを見る：

//this is the Panel we'll be adding below
var aboutPanel = Ext.create('Ext.Panel', {
    html: 'About this app'
});

//this is the Panel we'll be adding to
var mainPanel = Ext.create('Ext.Panel', {
    fullscreen: true,

    layout: 'hbox',
    defaults: {
        flex: 1
    },

    items: {
        html: 'First Panel',
        style: 'background-color: #5E99CC;'
    }
});

//now we add the first panel inside the second
mainPanel.add(aboutPanel);

configパネルを構成するためにプロパティを使用できるかもしれないと考えました：

Ext.define("SimpleTodo.view.Main", {
    extend: 'Ext.Panel',
    config: {
        items: [
            {
                xtype: 'panel',
                config: {
                    html: 'Panel 1 ...'
                }
            },
            {
                xtype: 'panel',
                config: {
                    html: 'Panel 2 ...'
                }
            }
        ]
    }
});

失敗: 空白の画面。htmlプロパティを追加するconfigと HTML が表示されますが、何が間違っていitemsますか?

お気づきかもしれませんが、左にリスト、右に詳細があります。これはタブレットには適していますが、スマートフォンにはどのように作成できますか? プロファイルとそれらの別のビューを使用する必要がありますか?

4

1 に答える 1

1

しかし、私はアイテムで何を間違っているのですか？

コンポーネントのconfigプロパティがありません。panelしたがって、各個人のプロパティを削除し、プロパティを直接使用configして各個人の内部にhtmlを設定しますpanelhtmlpanel

このような、

{
  xtype: 'panel',
  html: 'Panel 1 ...'
},
{
  xtype: 'panel',
  html: 'Panel 2 ...'
}
于 2012-05-13T07:11:09.320 に答える