PDA

View Full Version : Not able to genrate progress bar



srinivasan1987
11 Apr 2013, 4:57 AM
Hi All,

In my application am creating Grid panel using ExtJS. Complete data retrieving as XML by using proxy. When ever i am loading my page it takes time to show the records in grid panel. Here i want to show one progress bar or Load icon. In Below code am using load mask to show the progress. But i am unable to show loading icon in grid. Any one can explain me how to accomplish this ....

My Grid Panel code :


var DocGrid = Ext.create('Ext.grid.Panel',{{
width: 1300,
minHeight: '400',
title: 'Documents',
store: DocsStore,
disableSelection: true,
autoLoad : true,
loadMask: true,
dockedItems: [{{
xtype: 'pagingtoolbar',
store: DocsStore,
pageSize: {$_PageSize},
dock: 'top',
displayInfo: true,

emptyMsg: "No documents to display",
items:[{{text: 'Show/Hide Collation Documents',
pressed: pluginExpanded,
enableToggle: true,
toggleHandler: function(btn, pressed) {{
if(pressed){{
var conn = new Ext.data.Connection();
conn.request({{url: 'SetCollationDocumentOption.xqy',
method:'POST',
params: {{ ShowCOLDocs: 'hide' }},
success: function(response, opts){{
window.location.reload();
}},
failure: function(response, opts){{
Ext.MessageBox.minWidth = 400;
Ext.Msg.alert('Failed to ' + response.responseText + ' show document!');
}}
}});
}}
else{{
var conn = new Ext.data.Connection();
conn.request({{url: 'SetCollationDocumentOption.xqy',
method:'POST',
params: {{ ShowCOLDocs: 'show' }},
success: function(response, opts){{
window.location.reload();
}},
failure: function(response, opts){{
Ext.MessageBox.minWidth = 400;
Ext.Msg.alert('Failed to ' + response.responseText + ' show document!');
}}
}});

}};
}}
}}]
}}],
remoteSort: true,
stateful: true,
id: "MainDocGrid",

renderTo: "MainDocsList",
cls: 'extra-alt',
collapsible: true,
columnLines: true,
margin: 0,

columns: [
{{ text: 'PDF',
itemId: 'PDFColumn',
sortable: false,
align: 'center',
dataIndex: 'PDF',
style: {{ fontWeight:'bold', textAlign:'right' }},
renderer: function(value) {{
return Ext.String.htmlDecode(value);
}},
width: 40
}},
..
..
..
]
}}
);

Regards,
Srinivasan Krishnamoorthy

mitchellsimoens
15 Apr 2013, 7:45 AM
When posting code, please make sure it is legible and use BBCode CODE tags with no colors/font