如何设置一个Dojo TitlePane的高度,相对于外部容器节点的大小
How could i set the height of a Dojo TitlePane, relative to the size of the outer container node?
在下一个例子中,我在200px高度的容器之间创建了一个TitlePane。我将TitlePane的高度设置为100%,但它似乎没有展开。
相关代码:var titlePane = new TitlePane({
title: "TITLE",
toggleable: false,
style: "height: 100%; overflow-y: auto",
content: "foo"
});
var outerPane = new ContentPane({
content: titlePane,
style: "height: 200px;"
}, dojo.byId("body2"));
完整的示例:http://jsfiddle.net/bzFPM/
任何想法?
添加此样式
.dijitTitlePaneContentOuter
{
height:80%;
}
我不确定这是不是最好的选择。但这也是工作。
http://jsfiddle.net/bzFPM/4/我找到了一个使用手风琴容器的解决方案。当只包含一个带有标题的窗格时,它看起来几乎相同。
function example(ContentPane, Accordion, Button){
var titlePane = new Accordion({
style: "height: 100%; overflow-y: auto"
});
var innerPane = new ContentPane({title:'TITLE', content:'foo'})
titlePane.addChild(innerPane);
var outerPane= new ContentPane({
content:titlePane,
style: "height: 200px;"
}, dojo.byId("body2"));
outerPane.startup()
var button= new Button({
label:"add line",
onClick:function(ev){
innerPane.set("content", innerPane.get("content")+"<br>foo")
}
}).placeAt(dojo.byId("body2"), "after");
}
require(["dijit/layout/ContentPane", "dijit/layout/AccordionContainer",
"dijit/form/Button"], example );
http://jsfiddle.net/bzFPM/5/相关文章:
- 我可以获得相对于被点击元素的确切点击位置吗
- JavaScript:单击时相对于父级增加变量值
- 打开相对于鼠标位置的CSS3/HTML5模式对话框
- 火灾在卸载前确认警报仅适用于外部站点
- 相对于角度控制器中的另一个阵列过滤阵列项目
- Javascript元素相对于屏幕的位置
- 块相对于父对象的位置
- 如果元素在容器外部,是否可以相对于容器以绝对定位来定位该元素
- 如何相对于浏览器窗口定位DIV
- 立即调用函数表达式(IIFE)相对于普通函数的优势
- 获取插入符号相对于行可见起点的位置
- 如何使Highcharts中的渲染标签始终可见,并且相对于单击或悬停的点仍然可见
- 正在获取单击的元素相对于整个文档的索引
- jQuery"悬停时放大”;无法相对于图片中心放大
- 获取相对于窗口的IFRAME位置
- 从 jquery.ready() 调用的 javascript 何时相对于 中的脚本运行
- 在相对于用户当前 URL 路径的不同路径中设置 Cookie
- 如何相对于父边框的外边缘定位元素
- 三.js - 如何获取相机相对于原点的位置
- 如何设置一个Dojo TitlePane的高度,相对于外部容器节点的大小