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布局和水平滚动的示例。基本上，您可以在 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 回答