dojo - TabContainer 下的 Dojo 放置按钮
问题描述
div
我在一个元素中有以下代码:
<div>
<div data-dojo-type="dijit/layout/TabContainer" style="width: 100%;" doLayout=”false”>
<div data-dojo-type="dijit/layout/ContentPane" title="Basic" data-dojo-props="selected:true" style="display: block">
<div class="layer-selects">
<div class="layer-selects row">
<span class="layer-selects first-col">
<label for="selectService">${nls.service}:</label>
</span>
<span class="layer-selects second-col">
<select id="selectService"
name="selectService"
data-dojo-type="dijit/form/Select"
data-dojo-attach-point="selectService"
data-dojo-attach-event="onChange:onSelectServiceChange">
</select>
</span>
</div>
<div class="layer-selects row">
<span class="layer-selects first-col">
<label for="selectLayer">${nls.layer}:</label>
</span>
<span class="layer-selects second-col">
<select id="selectLayer"
name="selectLayer"
data-dojo-type="dijit/form/Select"
data-dojo-attach-point="selectLayer"
data-dojo-attach-event="onChange:onSelectLayerChange">
</select>
</span>
</div>
</div>
<div>
<span class="layer-selects first-col">
<label for="searchTerm">${nls.searchTerm}: </label>
</span>
<span>
<input id="searchTerm" type="text"
data-dojo-attach-point="searchTermInput"
data-dojo-type="dijit/form/TextBox"
name="searchTerm"
required="true"/>
</span>
<span class="layer-selects second-col">
<select id="selectField"
name="selectField"
data-dojo-type="dijit/form/Select"
data-dojo-attach-point="selectField">
</select>
</span>
</div>
</div>
</div>
<div>
<button data-dojo-type="dijit/form/Button" type="button">${nls.searchButton}</button>
</div>
</div>
我无法button
在TabContainer
. 它被放置在TabContainer
parent 顶部的组件后面div
。
如何将button
和任何其他元素放在TabContainer
?TabContainer
高度需要是动态的。我已经尝试将display: block
样式应用于容器以及ContentPane
,但这没有任何区别。如果我将 的 设置为height
大于TabContainer
的值TabContainer
,则按钮被推到它的底部。
解决方案
推荐阅读
- php - 状态码:401 1001:访问令牌无效 检查授权 HTTP 请求标头的值
- java - 在不知道其类型的情况下基于另一个抽象类的子类创建一个抽象类的子类
- amazon-web-services - URL 响应为 9422 毫秒,超过阈值(8000 毫秒):unitrl
- php - Laravel - 如何删除数组中的项目不使用循环
- java - 更新响应对象而不转换为 java 对象
- ruby-on-rails - 根据 Rails 中的另一个表更新数量
- c# - 如何使用 C# 在文件中用单个逗号替换多个选项卡
- java - 喜欢和不喜欢 Firebase 的系统不工作
- python - 使用 pandas 函数合并 2 行
- java - 两个 Comparables 的最小/最大函数