PDA

View Full Version : [HELP] My Grid Panel Can't Full Height on Ext.window



bulongx
26 Oct 2011, 5:28 AM
28886

var pengguna = new Ext.grid.GridPanel({
width: 700,
height: 500,
title:'ExtJS.com - Browse Forums',
columns: [
new Ext.grid.RowNumberer({width: 30}),
{
header: "ID",
dataIndex: 'id_pengguna',
width: 420,
sortable:true
},{
header: "Nama",
dataIndex: 'nama_pengguna',
width: 70,
align: 'right',
sortable:true
},{
header: "Kata Sandi",
dataIndex: 'katasandi_pengguna',
width: 150,
sortable:true
}
],
bbar: new Ext.PagingToolbar({
pageSize:20,
displayInfo:true
})
});



ASPengguna = function() {
var windowPengguna = new Ext.Window({
title: 'Phonebook',
closable:true,
closeAction: 'hide',
width:800,
height:500,
border: true,
modal: true,
layout: 'fit',
items: [pengguna]
});
windowPengguna.show(this);
};




panel4 = new Ext.Panel({
title: 'Administrasi Sistem',
bodyStyle: 'padding:10px',
iconCls: 'adm',
tbar: [{
xtype: 'buttongroup',
columns: 1,
defaults: {
scale: 'small',
iconAlign:'top',
width: 186
},
items: [{
text: 'AS Menu',
iconCls: 'add16',
handler: sedangDibangun
},{
text: 'AS Pengguna',
iconCls: 'add16',
handler: ASPengguna
}]
}]
});


I'm used ExtJS 3.4

When I pressed "AS Pengguna" button, that will show windows with grid inside it.

I want to ask how to make height of grid panel fit with window panel...

bulongx
26 Oct 2011, 6:38 AM
I have done it by my self...

it must have store, to work correctly...