![](/img/trans.png)
[英]Replace the contents of a specific tab in a dojo/dijit TabContainer?
[英]Dojo dijit TabContainer - inline select with tabs
我正在使用包含两个不同数据网格的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>
在选项卡中内嵌其他dijits的任何示例都可能会有所帮助。
我以前从未尝试过,但是我认为这会起作用。
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。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.