2012-02-16 8 views
0

は、それは、第1の右にすなわち第二の要素に、N行の左から右へレンダリングdefayltにより垂直データビューをdataview docsdataview sampleIは知りたいExtJSの4垂直データビュー

を作成することが可能です

私はこの動作を縦にレイアウトする方法を考えています。そのため、2番目の要素は最初の要素の下にあります。ところで

あなたは私がGridViewコントロール(ただし些細な方法で)でそれを行うことができると思うので、それは、私に知らせたDataViewでは不可能であることを正確に知っていれば#1 理想のレイアウトがどうあるべき

UPDATE次のように:

  • 1,6
  • 2,7
  • 3,8
  • 4,9
  • 5,10

感謝。

+0

([データビューのドキュメント](http://docs.sencha.com/ext-js/4-0/ #!/ api/Ext.view.View))画像は垂直にレイアウトされます。 (ライブプレビューボタンをクリックしてください) –

+0

hm、私はそうは思わない、私は行の子を見ることができますので、最初の行に1,2,3,4秒が含まれています5,6,7、 8、しかし私は列にそれをレイアウトしたい – endryha

+0

私は最初のリンクからの例について話しています。そこにはアイテムが縦に並んでいます。 –

答えて

4

xindex、xcount、および親変数を使用すると可能です。ソースを分析して見つけましたが、おそらくAPIのこのソリューションに関する追加情報は見つかりません。例のテンプレート:

'<tpl for=".">', 
    '<tpl if="(xindex - 1) &lt; (xcount/2)">', 
     '<div style="margin-bottom: 10px;" class="thumb-wrap">', 
     '{src} ', 
     '<tpl if="parent[xindex - 1 + Math.ceil(xcount/2)] != undefined">', 
      '{[parent[xindex - 1 + Math.ceil(xcount/2)].src]}', 
     '</tpl>', 
     '</div>', 
    '</tpl>', 
'</tpl>' 

ワーキングサンプル:あなたが投稿したリンクからの例ではhttp://jsfiddle.net/6ZUej/1/

+0

クール、それは1つの可能な解決策のように見えます。ありがとう – endryha

関連する問題