Sencha Touch - 在表单中的每个项目旁边显示删除图标?

时间:2011-11-10 04:05:38

标签: javascript sencha-touch extjs

我在Sencha Touch中有一个FormPanel,我想在formpanel标签的每个项目左侧添加一个“删除”图标(或按钮)。我似乎无法找到任何方法来使用“两列”的表单项,一个用于删除按钮,另一个用于字段我试图将按钮放在旁边

也就是说,我有这个:

    +++++++++++++++++++++++++++++++++++
   | Tab 1| Tab 2 | Tab 3 | Tab 4 |    |
   |   Label   |   Input               |  
   |   Label   |   Input               |  
   |   Label   |   Input               |  
   |   Label   |   Input               |  
    ++++++++++++++++++++++++++++++++++++

我想要这个:

        +++++++++++++++++++++++++++++++++++
       | Tab 1| Tab 2 | Tab 3 | Tab 4 |    |
  DEL  |   Label   |   Input               |  
  DEL  |   Label   |   Input               |  
  DEL  |   Label   |   Input               |  
  DEL  |   Label   |   Input               |  
        ++++++++++++++++++++++++++++++++++++

我该如何开始实现这个设计?我尝试使用Panel作为表单项,但按钮垂直堆叠表单输入,而不是水平。

1 个答案:

答案 0 :(得分:1)

尝试使用 hbox 布局?