Code:
MyDesktop.OrderLookResultsGrid = Ext.extend(Ext.app.Module, {
init : function( results ){
this.launcher = {
text: 'Order Lookup Results',
iconCls:'icon-find',
handler : this.createWindow,
scope: this
};
},
setData: function( sop, po ) {
this.sopnumbe = sop;
this.cstponbr = po;
//this.data = Ext.util.JSON.decode( data );
OrderLookupDS =
new Ext.data.Store({
url: 'findorder.php?sopnumbe=' + this.sopnumbe + '&cstponbr=' + this.cstponbr,
//method: 'POST',
remoteSort: true,
fields: [
{name: 'sopnumbe'},
{name: 'custnmbr'},
{name: 'custname'},
{name: 'sopnumbe'},
{name: 'cstponbr'},
{name: 'docdate',type:'date', dateFormat: 'm/d/Y'},
{name: 'shipdate', type:'date', dateFormat: 'm/d/Y'}
],
autoLoad: {
params: {
start: 0,
limit: 15
}
},
sortInfo: {
field: 'sopnumbe',
direction: "ASC"
},
reader: new Ext.data.JsonReader({
root: "results",
totalProperty: 'total',
id: 'sopnumbe',
fields: [
{name: 'sopnumbe'},
{name: 'custnmbr'},
{name: 'custname'},
{name: 'sopnumbe'},
{name: 'cstponbr'},
{name: 'docdate', },
{name: 'shipdate'}
]
})
});
},
createWindow : function(){
var desktop = this.app.getDesktop();
var win = desktop.getWindow('orderlookupgrid');
win = desktop.createWindow({
title:'Order Search Results',
width: 670,
height:350,
iconCls: 'icon-find',
animCollapse:false,
stateful: false,
layout: 'fit',
items:
new Ext.grid.GridPanel({
border:false,
stateful: false,
id: 'OLResultsGrid',
stripeRows:true,
store: OrderLookupDS,
loadMask: true,
columns: [
{header: "Cust #", width: 75, sortable: true,id:'custnmbr',dataIndex:'custnmbr',menuDisabled:true},
{header: "Company Name", width: 175, sortable: true,id:'custname',dataIndex:'custname',menuDisabled:true},
{header: "SOP Number", width: 125, sortable: true,id:'sopnumbe',dataIndex:'sopnumbe',menuDisabled:true},
{header: "PO Number", width: 125, sortable: true,id:'cstponbr',dataIndex:'cstponbr',menuDisabled:true},
{header: "Order Date", width: 75, sortable: true,id:'docdate',dataIndex:'docdate',menuDisabled:true,renderer: Ext.util.Format.dateRenderer('m/d/Y')},
{header: "Ship Date", width: 75, sortable: true,id:'shipdate',dataIndex:'shipdate',menuDisabled:true,renderer: Ext.util.Format.dateRenderer('m/d/Y')}
],
bbar: new Ext.PagingToolbar({
pageSize: 15,
store: OrderLookupDS,
displayInfo: true,
displayMsg: 'Displaying Orders {0} - {1} of {2}',
emptyMsg: "No Orders Found",
autoHeight: 25
}),
listeners: {
'rowdblclick': function( obj, rowID, e ) {
var grid = obj;
var row = rowID;
var sopnumbe = grid.store.data.items[row].data.sopnumbe;
alert( grid.store.data.items[row].data.sopnumbe );
}
}
})
});
win.show();
}
});