ExtJS：hboxでスプリッターの幅を調整するにはどうしたらいいですか？

-1

私のパネルはhboxレイアウトを使用しています。パネルの子コンテナの設定に「split：true」を含めています。スプリッタの幅を調整できますか？ExtJS：hboxでスプリッターの幅を調整するにはどうしたらいいですか？

2016-04-11 Jim Norman

を設定することができますが、ここで見ることを期待したコードの種類、正直に言うと、あなたのコード –

@JuanMendesを表示せずに質問をしないでください？私にとっては、質問ははっきりしているようです。 –

@SergeyNovikovあなたが言ったように、分割はhboxの子供には有効ではありません。したがって、コードが実行されると、常に質問に答えられる可能性が高くなります。質問するのに最適な方法がわからなくても質問の意味を理解することができます –

最初にsplit: trueはborderレイアウトの一部であり、hboxではありません。

width（パーセントまたは絶対値）の設定でスプリッタの幅を調整できます。

hboxのレイアウトでは、flex configを使用できます。

出典

2016-04-11 19:46:13

HBoxについては、エレメント間にsplitterを追加することになっています。あなたはその後、ちょうどそのwidth

https://fiddle.sencha.com/#fiddle/18h2

Ext.create('Ext.container.Container', { 
    renderTo: Ext.getBody(), 
    layout: { 
     type: 'hbox' 
    }, 

    items: [{ 
     xtype: 'label', 
     text: 'column 1', 
     flex: 1 
    }, { 
     xtype: 'splitter', 
     width: 20, 
     style: 'border: 1px solid green' 
    }, { 
     xtype: 'label', 
     text: 'column 2', 
     flex: 2 
    }] 
})

出典

2016-04-11 19:55:52

私のhboxの項目数は動的なので、各パネルの設定で "split：true"を使うのは技術的にはサポートされていなくても。私は質問を書く前にあなたのアプローチを考えていましたが、まだ "split：true"を使っているときに幅に影響を与える可能性を排除したかったのです。 –

@ JimNormanコードを投稿していないときの意味を伝えるのは難しいです。 hboxレイアウトの項目に 'split'を追加するだけでスプリッタが作成されない –

hboxにパネルを動的に追加するコードを投稿することを期待しましたか？それは手元にある問題の上に騒がしいものでした。 –

ExtJS：hboxでスプリッターの幅を調整するにはどうしたらいいですか？

答えて

関連する問題