I tried a different approach where i nest then dialog and grid like so
$('#divAdmin').dialog({
title: 'dia',
width: 500,
height: 300,
closed: true,
modal: true,
onOpen: function() {
$('#tableRescan').datagrid({
url: 'rescan',
remoteSort: false,
fit: true,
fitColumns: true,
idField: 'fmtdate',
columns:[[{
field: 'fmtdate',
title: 'date',
width: 100
}]],
toolbar: [{
text: 'Queue',
handler: function() {
console.log($('#tableRescan').datagrid('getSelections'));
}
}]
});
}
});
and each time i invoke dialog('open') the progress is centered.
QN: is this the best practice? and is the dialog and components destroyed each time i do close? i want to be able to load new data each time i re-show the dialog.