Extjs门户和portlet是否可以像通常的CSS元素一样定位?
-
24-10-2019 - |
题
我想制作一个门户及其Extjs Portlet,适合固定宽度的布局。目前,它们似乎占用了100%的宽度,并且这些元素似乎具有用于给出最大宽度的内联样式,并且诸如指定门户项目的“宽度:50%”样式之类的技巧似乎没有任何作用。
港口如何尺寸和定位,并且有什么方法可以应用常规的CSS定位技能?在Inspect元素上出现的生成的HTML具有内联样式,指定了像素的宽度,这将胜过我在样式表中放置的任何内容。
我希望将门户视为常规块元素,并在页面内进行相对定位。这是可能的,如果没有,我的下一个最佳选择是什么?
解决方案
portlet是由布局管理的,这是设置大小,响应视口尺寸等的内容。现有示例)。
其他提示
看来我有答案。覆盖以自定义渲染标签的视口定义。这是我的代码:
Ext.override(Ext.container.Viewport, {
initComponent : function() {
var me = this,
html = Ext.fly(document.body.parentNode),
el;
me.callParent(arguments);
html.addCls(Ext.baseCSSPrefix + 'viewport');
me.el = el = 'dashboard';
el.setHeight = Ext.emptyFn;
el.setWidth = Ext.emptyFn;
el.setSize = Ext.emptyFn;
me.allowDomMove = false;
Ext.EventManager.onWindowResize(me.fireResize, me);
me.renderTo = me.el;
me.height = Ext.Element.getViewportHeight() - 70;
}});
me.el是元素渲染的ID。
不隶属于 StackOverflow