0

我正在使用包含两个不同数据网格的 TabContainer（2 个选项卡）在 GUI 上做一些工作。我发现在 html 中以声明方式创建 tabcontainer div 和 datagrids 是最简单的，但如果它有助于解决我的问题，我可以更改它。有人问我是否可以将 HTML Select (dijit/form/Select) 与 TabContainer 的选项卡内联。这是一个模型的屏幕截图。http://imgur.com/l7nQmx7。鉴于 TabContainer 的工作方式（作为 div），我不确定这是否可能，但想知道是否有其他人做过类似的事情。如果是这样，怎么做？

Tabcontainer 是这样创建的：

<div data-dojo-type="dijit.layout.TabContainer" style="width:964px; height: 450px;"> 
    <div data-dojo-type="dijit.layout.ContentPane" title="Tasks" data-dojo-props="selected:true">              
        <table id="myDataGrid" dojoType="dojox.grid.DataGrid" style="width:964px; height: 420px; ">
            <thead>
                <tr>
                  <th field="field1" width="10%">one of many fields for datagrid</th>
                </tr>
            </thead>
        </table>
    </div>
    <div data-dojo-type="dijit.layout.ContentPane" title="Workers">
        Placeholder...
    </div>
</div>

将其他 dijit 与选项卡内联的任何示例都可能会有所帮助。

4

1 回答 1

0

我以前从未尝试过，但我认为这会奏效。

1）把你有一个标签容器的标题<div id='Selectid'></div>

2）使用编程方式创建选择表单：

require(["dijit/form/Select", "dojo/_base/window", "dojo/domReady!"], function(Select, win){
    new Select({
        name: "select2",
        options: [
            { label: "TN", value: "Tennessee" },
            { label: "VA", value: "Virginia", selected: true },
            { label: "WA", value: "Washington" },
            { label: "FL", value: "Florida" },
            { label: "CA", value: "California" }
        ]
    }).placeAt('Selectid');
});

这应该可以正常工作，只需确保选项卡的标题正确呈现带有 id 的 div。

于 2013-09-17T21:22:16.653 回答