Dojo1.9如何添加空白<td>到dojox/layout/TableContainer

Dojo 1.9 How can I add a blank <td> to the dojox/layout/TableContainer?

本文关键字：gt td dojox TableContainer layout lt 添加 Dojo1 空白 何添加      更新时间：2023-09-26

如何在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);
相关文章：