PDA

View Full Version : Grid panel, auto Height not worked



parsbin
8 Jun 2011, 1:51 AM
Hi
i`v problem in grid panel for long records.
it shows the all record (short or long) in one line but i want that dynamically number line.
26489


Ext.onReady(function(){
// create the data store
var ds = new Ext.data.Store({
url: 'grid_core.php?contact_Id='+<?php echo $_REQUEST['contact_Id']; ?>,
autoLoad : true,
reader: new Ext.data.JsonReader({
root: 'root',
totalProperty: 'totalCount'
}, [
{name: 'file_name', mapping: 'file_name'},
{name: 'fax_scan', mapping: 'fax_scan'},
{name: 'fax_scan_show', mapping: 'fax_scan_show'},
{name: 'owner', mapping: 'owner'},
{name: 'description', mapping: 'description'},
{name: 'modifydate', mapping: 'modifydate'},
{name: 'delay', mapping: 'delay'}
])
});
var win = new Ext.Window({
applyTo:'div_view',
width:565,
closeAction:'hide',
plain: true,
items: [
{
name: 'fax_fram',
id: 'fax_fram',
width: 565,
html: ''
}

],
buttons: [{
text:'Submit',
handler: function(){
win.hide();
delete win;
}
}
]
});
function showResult(btn){
Ext.example.msg('Button Click', 'You clicked the {0} button', btn);
};
// create the Grid
var grid = new Ext.grid.GridPanel({
store: ds,
autoHeight: true,
columns: [
new Ext.grid.RowNumberer({width: 20,autoHeight: true}),
// {id:'file_name',header: "file_name", width: 160, sortable: true, dataIndex: 'file_name'},
{header: "???", width: 40, sortable: true, dataIndex: 'fax_scan_show'},
{header: "????? ?????", width: 80, sortable: true, dataIndex: 'owner'},
{header: "???", width: 270, sortable: true, dataIndex: 'description'},
{header: "????? ?????", width: 63, sortable: true, dataIndex: 'modifydate'},
{header: "???? ?????", width: 60, sortable: true, dataIndex: 'delay'}
,
{
xtype: 'actioncolumn',
width: 40,
items: [{
icon : 'images/view.gif',
tooltip: '?????? ??? ??????',
handler: function(grid, rowIndex, colIndex){
var rec = ds.getAt(rowIndex);
if(rec.get('fax_scan')==='note'){
Ext.MessageBox.alert('???????', rec.get('description'), showResult);
}
if(rec.get('fax_scan')!=='note'){
var out = '<iframe frameborder=0 src="'+'../../fax/faxes/'+rec.get('fax_scan')+'/'+rec.get('file_name')+'#navpanes=0&scrollbar=0" width="550px" height="299px"></iframe>';
win.update(out);
win.show(this);
}
}
}
]
}
],
stripeRows: true,
width:612,
frame:true,
autoHeight: true,
title:'????? ?????',
plugins: new Ext.ux.PanelResizer({
minHeight: 100
}),
bbar: new Ext.PagingToolbar({
pageSize: 50,
store: ds,
// displayInfo: true,
plugins: new Ext.ux.SlidingPager()
})
});
grid.render('grid-example');
store.load({params:{start:0, limit:10}});
});