我想制作一个门户及其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。

许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top