尝试对齐多个dojo组件

时间:2012-02-02 22:52:18

标签: javascript html dojo web

好的,我正在向表中添加一堆不同的dojo组件

<table>

<tr><td> DOJO COMPONENT 1 </td></tr>

<tr><td> DOJO COMPONENT 2 </td></tr>

<tr><td> DOJO COMPONENT 3 </td></tr>

</table>

所有组件都是输入组件,如文本框,文本区域,日期框,复选框

但它出类拔萃:

Name:[                  ]
Address:[                  ]
Date of Birth:[                   ]

我希望输入字段对齐,所以它看起来像这样,我希望输入字段可以调整。

Name:          [                        ]
Address:       [                        ]
Date of Birth: [                        ]

我不想将每个dojo组件的标签宽度设置为某个值(如400 px),尽管它是一个解决方案。

以下是我为每个组件设置的属性:

                        dijit.byId("${attr.id}").set({
                                    label: "${attr.name}",
                                    labelAlignment: "horizontal",
                                    fieldWidth : 400
                                });

想法将不胜感激

1 个答案:

答案 0 :(得分:1)

您可能想要检查dojox.layout.TableContainer小部件,它完全符合您的要求:)