GWT水平面板水平滾動

有沒有辦法在水平面板上實現水平滾動？GWT水平面板水平滾動

或任何其他面板可以被用於實現下述功能 -

的要求是，我創建其中檢索項目被添加作爲檢索條，並且當用戶輸入他們（類似於此 - http://documentcloud.github.com/visualsearch/）那麼我得到的功能工作，甚至看起來很相似，但在水平面板上掙扎。我使用水平面板作爲搜索欄，並在其中嵌入了一個提示框。所以當用戶輸入數據時，搜索項目被添加到水平面板。但是當添加搜索項目時，水平面板會增大並移出屏幕，並出現瀏覽器的水平滾動條。但是我想要水平面板上的滾動條。這可以實現嗎？想要一些想法...任何幫助表示讚賞。謝謝。

來源

2012-03-02 ravi

您可能想要使用css overflow-x屬性。如果您想要滾動，請將值設置爲滾動或自動。如果你需要以特定的方式約束div的大小，你可能需要主動控制它。

來源

2012-03-02 18:17:06 Deanna

我試過這個..但不幸的是最初沒有工作，因爲GWT水平面板被呈現爲HTML中的表格。因此，我想我可以使用另一個將作爲DIV標籤呈現的包裝面板。因此，使用簡單的面板來包裝它，並使用你建議的CSS更改。有用！！！！！ – ravi 2012-03-02 19:30:03

我沒有看到任何其他的解決方案，而不是將HorizontalPanel 放置在滾動面板內部。然後，我會添加一個CSS屬性來防止顯示垂直滾動條。

下面是一個ui.xml摘錄：

<ui:style> 
    .scrollHorizontal{ 
     overflow-y: hidden !important; 
     /* !important used to force override the style "overflow:scroll" 
      of the ScrollPanel */ 
    } 
</ui:style> 

<g:ScrollPanel addStyleNames="scrollHorizontal"> 
    <g:HorizontalPanel ui:field="resultsPanel" /> 
</g:ScrollPanel>

您可能需要檢查您的滾動面板的客戶高度，從而調整項目的高度上的水平面板內，這取決於你的佈局。

來源

2012-07-19 09:03:16

Oups，對不起，我沒有看到您的評論上面。 – 2012-07-19 11:13:53

GWT水平面板水平滾動

回答

相關問題