如何在dojo TableContainer中添加空的<td>
?
我有这个代码:
var tableContainer = new TableContainer({
id : "filteTableContainer",
cols : 3
});
哪个TableContainer被翻译成(由于小部件标签,6个td):
<table>
<tr>
<td>widget1 label</td><td>widget1</td>
<td>widget2 label</td><td>widget2</td>
<td>widget3 label</td><td>widget3</td>
</tr>
</table>
如何将第三组<td>
作为空的td的
目前,我已经尝试跳过索引,因为我认为它会跳过在第三组col上放置任何小部件。例如:
tableContainer.addChild(productTypeIdTextBox,0);
tableContainer.addChild(dummyButton,1);
tableContainer.addChild(dummyTextBox1,3);
上面的代码只会导致一个javascript错误。(这是小提琴[http://jsfiddle.net/CfXqM/1/]演示跳过索引导致错误)
我唯一能想到的就是创建一个具有CCD_ 3的伪窗口小部件,然后将该伪小部件添加到表容器中。
在不创建虚拟小部件的情况下,还有其他方法可以做到这一点吗?
编辑:
我真正想要实现的是使用TableContainer:实现这样的表格布局
|column1 | column2 | column3 | column4
|label | widget | |
|label | widget | label | widget
|label | widget | |
|label | widget | |
在哪里,有时我可以或不可以将小部件添加到第3列和第4列
编辑:
我的解决方案来自Richard。我使用的不是建议的文本框,而是内容窗格。http://jsfiddle.net/CMXG5/2/
我完成这项工作的一种巧妙方法是将TextBox添加到TableContainer中,添加到我想要的索引中,然后将标签设置为",并将文本框样式设置为"display:none;"(请参阅下面的代码)。我通常将其用作占位符,直到我想在该插槽中放入一些东西,之后我会调整TextBox,或者从TableContainer中删除子项,然后再添加一个新的子项。
var cb = new CheckBox({
"style": "display:none",
constraints: {places: 0}
});
tableContainer.addChild(cb);