作业帮 > 综合 > 作业

Ext 似panel非panel的东西, 这究竟是什么?

来源:学生作业帮 编辑:拍题作业网作业帮 分类:综合作业 时间:2024/04/27 23:42:08
Ext 似panel非panel的东西, 这究竟是什么?
var x = {
id:'toolbox',
region : 'west',
title : "菜单栏",
width : 200,
minSize : 175,
maxSize : 400,
collapsible : true,
split : true,
layout : 'accordion',
margins : '0 0 0 5',
layoutConfig : {
animate : true
},
items:[a,b,c,d]
}
new Ext.Viewport({
layout: 'border',
items:[x]
});
这个x是什么Ext组件.
显示效果看起来跟panel一样, 并且api里面也说明了, viewport的子item默认类型是panel, 但是我用firefox对这个对象进行查看的验证, 确定不是panel. .
因为仅仅只有定义的那么几个属性, 而panel组件的默认属性肯定不止上面定义的11个. 所以不是panel.
我就想不明白了, 这个x究竟是什么东西, 不是panel, 却显示起来和panel一模一样. 连layout='accordion'的效果也有. 太诡异了. 有Ext高手知道原因吗?
一般来说Ext的默认类型都是Panel,你上面自己也说了
那么这个肯定就是Panel
这个x并不是什么组件,只是一个对象,作用是用来配置你的panel
你说他的属性只有11个.我觉得是你看的方法有问题
你应该是看的x,所以他还是11个属性
因为他永远只是一个配置项.只要你不改变他,他永远都是11属性,不管你拿去做什么
如果你要看items:[x]里的那个items的x对象
那你就应该new Ext.Viewport的时候给他一个返回值
然后用那个返回值去get(0)拿到子元素去看,那才是用你的x配置项生成出来的Panel
不知道你看懂没有
代码如下:
var x={...};//不详细写了
var view = new Ext.Viewport({
layout:'border',
items:[x]
});
console.dir(view.get(0));
不知道你用的是什么浏览器,不过一般主流浏览器和ie9都可以
输出的属性里面应该会有一个属性initialConfig
这个里面就是你的配置项x的副本