动态添加项目到边框视窗
dynamic add items to border viewport
我想先创建一个空的viewport(layout:border),然后向其中添加项目,最后渲染和显示。但是当我创建viewport元素时,它抛出了一个错误,说:
下面是我的代码:Uncaught TypeError: Cannot read property 'flex' of undefined
<script type="text/javascript" src="ext-4.0.2a/bootstrap.js"></script>
<script>
Ext.require(['*']);
Ext.onReady(function() {
Ext.QuickTips.init();
var viewport = Ext.create('Ext.container.Viewport', {
layout: 'border'
});
var north = blablabla...
viewport.add([north,south]);
viewport.doLayout();
});
</script>
根据文档中的注释:
一个BorderLayout的区域在渲染时是固定的,之后,它的子组件不能被移除或添加。要在一个BorderLayout中添加/删除组件,需要将它们包装在一个额外的容器中,该容器由BorderLayout直接管理。
顺便说一下
任何使用Border布局的Container 必须有一个region:'center'的子元素
相关文章:
- 在mouseover上添加边框,在mouseout上删除边框
- 如何在 javascript 中添加和删除图像上的边框
- Video.js在视频上添加黑色边框
- 在覆盖和关闭按钮或链接中为img添加边框
- 如何添加添加边框的无限制点击
- 动画添加边框(先增大然后缩小)
- 如何在高图表中为标题添加边框
- 在 JavaScript 中编辑 blob 图像(调整大小并添加边框)
- 为什么我动态添加的边框不会显示在 IE8 中
- 使用Javascript为输入字段添加边框样式颜色(提交时没有值),该字段已经在css中带有!important标签的边
- 如何在跳转到页面时向行添加边框
- 使用 jquery 将鼠标悬停在地图区域时添加边框
- 如何将边框添加到 jQuery 按钮
- 谷歌地图为自定义标记添加了矩形边框
- Javascript将数组添加到带有边框的表中
- 优化jQuery动态添加插入边框效果
- 引导表将边框添加到'内容可编辑'改变后上课
- Onmouseover在JavaScript中添加边框
- 在 D3 地图中向 SVG 元素添加边框和边框半径
- 使用Jquery添加边框