2014-02-13 27 views
1

我正在設計一個網頁使用分機JS(我使用ext js幾個星期,所以我不是專家)。我想要設計它responsive但我coundnt找到解決方案?有沒有像這樣設計頁面的方法?另外我想知道如果我使用引導CSS來做到這一點,它可以是問題?是否可以使用Ext JS製作響應式網頁?

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

我正在使用這個Ext-all.css,但它沒有提供該功能。 有沒有一個合適的代碼塊來做到這一點?

+0

是有可能 – Leo

+0

@Leo我該怎麼辦呢? – Ozgur

+0

爲什麼它不響應? – Leo

回答

2
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

+0

非常感謝你 – Ozgur

+1

定製ExtJS 4.定製響應功能並不容易。 ExtJS 5將支持佈局的響應式設計(您可以在官方網站上找到測試版)。 –

+1

如果你真的需要很多響應功能,最好的選擇是AngularJs。 –