0

フィールドセットを使用して編集フォームを設計しています。例えば、

items: [
    {
        xtype: 'textfield',
        name: 'nameEn',
        label: 'Name (English)',
        placeholder: '',
        autoCapitalize: false,
        required: true,
        clearIcon: true
    },
    {
        xtype: 'textareafield',
        name: 'descriptionEn',
        label: 'Description (English)'
    },
    {
        xtype: 'togglefield',
        name: 'verified',
        label: 'Verified'
    }
]

そして今、写真が必要です（表示用ですが、将来的にはアップロード/削除が可能です）。どうすればいいのかわかりません。

4

1 に答える 1

1

表示にはxtype:image(ドキュメントはこちら) を使用でき、アップロードには をプロパティxtype:textfieldと共に使用できinputType:'file'ます。ただし、iOS では、アプリをパッケージ化せずにファイルをアップロードできない場合があることに注意してください (このフォーラムの投稿で説明されているように)。ユーザーがカメラで写真を撮れるようにしたい場合は、ボタンを使用し、ハンドラーでExt.device.Cameraコンポーネントを使用できます。

複数の写真が必要な場合は、コンポーネントの周りにhboxレイアウトimageを使用できます。

幸運を！

panel編集:これは、hboxレイアウトと水平スクロールを使用したa の例です。基本的に、Sencha Touch で作成できる最も単純な画像ギャラリー (と思います):

{
  xtype: 'panel',
  layout: 'hbox',
  scrollable: { direction: 'horizontal' },
  items: [
    {
      xtype: 'image',
      src: 'path/to/image.png'
    },
    {
      xtype: 'image',
      src: 'path/to/another/image.jpg'
    },
    ...
  ]
}
于 2013-02-05T14:48:26.923 に答える