Question

我正在设计一个使用 Ext JS 的网页（我使用ext js几周，所以我不是专家）。我想设计它 responsive ，但我找不到解决方案？有没有办法设计这样的页面？另外我想知道我是否使用bootstrap css来做这件事，这可能有问题吗？

<link href="ext-js/resources/css/ext-all-gray.css" rel="stylesheet" />

我正在使用这个Ext-all.css，但它没有提供该功能。有没有合适的代码块呢？

Answer 1

listeners: {
            resize: function(panel, w, h) {
                    var viewport = panel.up(viewport);
                    var detailpanel = panel.down('#detailpanel');
                    var gridpanel = panel.down('#gridPanel');
                    gridpanel.setHeight(h-70);
                    detailpanel.setHeight(h-70);
                    if (w<500){
                            panel.hide();
                    }
                    else{
                            panel.setVisible('true');
                    }
            }
    }

您可以找到更多信息here

Answer 2

我认为您正在搜索视口...

http://docs.sencha.com/extjs/4.0.7/#!/api/Ext.container.Viewport

是否可以使用Ext JS制作响应式网页？

2 个答案: