煎茶觸摸：容器高度需要適應的內容

我有煎茶觸摸以下幾種觀點。該視圖創建一個彈出框，底工具欄中的按鈕被點擊時從右側顯示：煎茶觸摸：容器高度需要適應的內容

Ext.define('TheApp.view.PopupTablet',{ 
extend: 'Ext.form.Panel', 
    xtype: 'popupbox', 
    config:{ 
     itemId: 'popbox', 
     floating: true, 
     centered: true, 
     modal: true, 
     layout: { 
      type: 'vbox' 
     }, 
     id: 'popup', 
     showAnimation: { type: 'slide', direction: 'left'}, 
     styleHtmlContent: true, 
     html: 'Please select', 
     items:[{ 
      xtype: 'button', 
      action: 'hide', 
      text: 'Close', 
      ui: 'confirm', 
      docked: 'bottom', 
     }] 
    } 
});

在控制器中，我有以下代碼，其中所創建的彈出式窗口，將其添加到視口然後在「展示」它之前添加其內容：

showPopup: function(){ 
     var popup = this.getPopup(); 
      Ext.Viewport.add(popup); 
      Ext.getCmp('popup').add(siteButts); 
      popup.show(); 
     },

現在，這一切都按要求運作。的內容包含在稱爲其在不同的腳本創建siteButts陣列。這一點工作正常。

如果我有一個問題是，我需要彈出框，喚起注意與內容拓展。我已經試過沒有設置高度，我曾嘗試：

#popup{ 
    height: auto; 
}

但同樣沒有的伎倆 - 事實上，似乎都塌陷容器。

如果我將高度設置爲，它設置高度爲指定值的固定值（例如height: 10em），則。然而，我們不能確定在該內容中所使用的數據量，我需要有高度伸展。

我想要的全部內容是可見的，而不會在彈出的

建議將是最歡迎的滾動條。

來源

2014-03-03 Jez D

這可如果它的配置屬性「滾動」使用下面的CSS代碼

#popup .x-scroll-scroller,#popup .x-scroll-container{ 
position:relative; 
}

設置false.And完成

來源

2014-11-27 07:07:32

煎茶觸摸：容器高度需要適應的內容

回答

相關問題