0

Ext-GWT を使用して、ウィジェットにボーダー レイアウトを設定しています。「分割」位置を自動的に設定する方法はありますか? 理由は、ユーザーがページ上のコントロールのサイズを変更した場合 (分割ウィジェットが含まれているコントロールの親である必要はありません)、分割値を特定のパーセンテージ値 (30% など) に設定したいからです。これはどのように行うことができますか？

既存のコードは次のとおりです。

import com.extjs.gxt.ui.client.Style.LayoutRegion;
import com.extjs.gxt.ui.client.util.Margins;
import com.extjs.gxt.ui.client.widget.ContentPanel;
import com.extjs.gxt.ui.client.widget.LayoutContainer;
import com.extjs.gxt.ui.client.widget.layout.BorderLayout;
import com.extjs.gxt.ui.client.widget.layout.BorderLayoutData;
import com.google.gwt.user.client.Element;

public class BorderLayoutExample extends LayoutContainer {  

  setSplitPositionTo(float percentage) {
  // TODO: How to do this?
  }

  protected void onRender(Element target, int index) {  
    super.onRender(target, index);  
    final BorderLayout layout = new BorderLayout();  
    setLayout(layout);  
    setStyleAttribute("padding", "10px");  

    ContentPanel west = new ContentPanel();  
    ContentPanel center = new ContentPanel();  

    //uncomment this section if you dont want to see headers
    /*
     * west.setHeaderVisible(false);
     * center.setHeaderVisible(false);
     */

    BorderLayoutData westData = new BorderLayoutData(LayoutRegion.WEST, 150);  
    westData.setSplit(true);  
    westData.setCollapsible(true);  
    westData.setMargins(new Margins(0,5,0,0));  

    BorderLayoutData centerData = new BorderLayoutData(LayoutRegion.CENTER);  
    centerData.setMargins(new Margins(0));  

    add(west, westData);  
    add(center, centerData);  
  }  
}
4

1 に答える 1

1

これはかなりトリッキーでした

ボーダー レイアウトの中央以外のレイアウトデータとウィジェットにアクセスする必要があります。(中心は残りのスペースを介して計算されるため)。次に、それらを setSplitPositionTo メソッドで使用できるようにします。

私の例では、それらをクラスのメンバーにしました。最後に、私のメソッドは次のようになり、 myBorderLayoutInstance.setPlitPositionTo(0.4f); のような呼び出しになります。あなたが提供した例とこの修正を使用すると、魅力的に機能します。

BorderLayoutData westData;
ContentPanel west;

void setSplitPositionTo(float percentage) {
  westData.setSize(percentage);
  Component c = west;
  Map<String, Object> state = c.getState();
  state.put("size", westData.getSize());
  c.saveState();
  layout(true);
}
于 2010-10-07T05:38:52.660 に答える