Skip to content

Instantly share code, notes, and snippets.

@nikuyoshi
Last active August 29, 2015 14:14
Show Gist options
  • Save nikuyoshi/ead120c2022517ce03ee to your computer and use it in GitHub Desktop.
Save nikuyoshi/ead120c2022517ce03ee to your computer and use it in GitHub Desktop.
【まとめ】Ext JSで困ったときに見るサイト等 ref: http://qiita.com/nikuyoshi/items/06d4a378ab5e1b10678c
layout: {
type: 'fit'
},
items:[{
xtype: 'button',
text: 'button1',
},{
xtype: 'button', // ここにはFitレイアウトは適用されない
text: 'button2',
}]
layout: {
type: 'fit'
},
items: [{
xtype: 'panel',
items: [{
xtype: 'button',
text: 'button' // ここにはFitレイアウトは適用されない
}]
}]
layout: {
type: 'hbox',
pack: 'end'
},
items: [{
xtype: 'button',
text: 'button1',
width: 100
},{
xtype: 'button',
text: 'button2',
flex: 1
}]
layout: {
type: 'hbox',
align: 'stretchmax'
},
items: [{
xtype: 'button',
text: 'button1',
height: 20 // ボタン1の高さも100になる
},{
xtype: 'button',
text: 'button2',
height: 100
}]
layout: {
type: 'hbox',
align: 'bottom'
},
items: [{
xtype: 'button',
text: 'button1'
},{
xtype: 'button',
text: 'button2'
}]
layout:{
type: 'hbox',
pack: 'end'
},
items: [{
xtype: 'button',
text: 'button1'
},{
xtype: 'button',
text: 'button2'
}]
layout: {
type: 'hbox',
pack: 'end',
},
items: [{
xtype: 'button',
text: 'button1',
flex: 1
},{
xtype: 'button',
text: 'button2',
flex: 1
}]
layout: {
type: 'hbox',
align: 'bottom'
},
items: [{
xtype: 'button',
text: 'button1'
},{
xtype: 'tbspacer',
flex: 1
},{
xtype: 'button',
text: 'button2'
}]
layout: {
type: 'hbox',
align: 'stretch'
},
items: [{
xtype: 'button',
text: 'button1'
},{
xtype: 'button',
text: 'button2'
}]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment