GWT水平スクロールの水平パネル

Question

水平スクロールを水平パネルに実装する方法はありますか？

または他のパネルは、下記の機能を実現するために使用することができます -

要件は、私が検索項目として追加され、ユーザ入力彼ら（これに似た何かをされている検索バーを作成していますということです - http://documentcloud.github.com/visualsearch/） 機能は機能していますし、外見も似ていますが、水平パネルでは苦労しています。私は検索バーとして水平パネルを使用しており、そこには示唆ボックスが埋め込まれています。ユーザーがデータを入力すると、検索項目が水平パネルに追加されます。検索項目が追加されると、水平パネルのサイズが大きくなり、画面外に移動し、ブラウザの水平スクロールバーが表示されます。しかし、私は水平パネル自体にスクロールバーが必要でした。 これを達成できますか？ いくつかのアイデアがほしい...どんな助けもありがとうございます。おかげさまで

Answer 1

cssのoverflow-x属性を使用できます。スクロールする場合は値をスクロールまたは自動に設定します。特定の方法でdivのサイズを制限する必要がある場合は、それをプログレッシブに制御する必要があります。

Answer 2

Horizo​​ntalPanel の中にスクロールパネルを配置する以外の解決策はありません。 次に、垂直スクロールバーが表示されないように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> 

レイアウトに応じて、水平方向のパネル内の項目の高さを調整するようにあなたのスクロールパネルのクライアントの高さを確認する必要があります。