我想创建一个视图,该视图首先包含一个图像部分,其中图像可以动态出现,然后是一个表单,我可以在其中向该图像添加注释,最后我想在此容器中添加与图像相关的注释列表。
请给我建议如何构建这样的视图。
我必须创建三个单独的视图。
第一个图像部分(我应该使用哪种扩展使其能够显示图像)
第二表单面板(我使用扩展:"Ext.form.Panel")
第三条评论部分(我使用了扩展:"Ext.dataview.List")
谢谢
- 您应该将图像部分构造为 Ext.Image (
xtype:'image'
) - 包含 3 个部分的容器应该有一个这样的配置:
layout: 'vbox'
.这将垂直排列您的子组件。 - 如果您希望列表正确呈现,只需将其设置为一些配置,例如
scrollable: false
,或者如果它是可滚动的,请手动添加maxWidth
配置。无论如何,scrollable: false
更简单,让我们尝试一下。
希望对您有所帮助。