Question

我使用fieldset设计编辑表单。例如，

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'
    }
]

现在我需要照片（视图，但将来可以上传/删除）。我不知道该怎么做。

Answer 1

嗯，要显示，您可以使用xtype:image（documentation here），要上传，您可以使用xtype:textfield inputType:'file'属性。但是，您应该注意，在iOS上，如果没有打包应用程序，您可能无法进行文件上传（如this forum post中所述）。如果您希望用户能够使用相机拍照，您可以使用按钮，并在处理程序中使用Ext.device.Camera component。

如果您想要多张照片，可能需要在image组件周围使用hbox layout。

祝你好运！

编辑：以下是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'
    },
    ...
  ]
}

fieldset里面的图片库？

1 个答案: