87,910
社区成员
发帖
与我相关
我的任务
分享
Ext.require([
'Ext.panel.*',
'Ext.toolbar.*',
'Ext.button.*',
'Ext.container.ButtonGroup',
'Ext.layout.container.Table'
]);
Ext.onReady(function () {
Ext.QuickTips.init();
//创建布局
createViewPortSearch();
});
function createViewPortSearch() {
Ext.create('Ext.container.Viewport',{
layout:'border',
renderTo:Ext.getBody(),
items:[
{
id:'north',
region:'north',
xtype:'panel',
collapsible:true,
height:125,
autoHeight:false,
border:false,
items:
searchForm,
margins:'0 0 5 0'//上左下右
},
{
id:'center',
region:'center',
xtype:'panel',
items:grid
}
]
});
}
Ext.define('ForumThread', {
extend: 'Ext.data.Model',
fields: [
'ManufactureOrder', 'SaleOrder',
{name: 'Salesman', type: 'string'},
{name: 'OrderType', mapping: 'OrderType', type: 'string'}
],
idProperty: 'threadid'
});
var store = Ext.create('Ext.data.Store', {
pageSize: 50,
model: 'ForumThread',
// fields: ['ManufactureOrder', 'SaleOrder', 'Salesman', 'OrderType'],
// remoteSort: true,
proxy: {
type: 'jsonp',
url: '/Business/PlaceOrderGridService.aspx',
//type: 'memory',
// data:{totalCount:2,'data':[{ManufactureOrder:'fdsf',SaleOrder:'fds',Salesman:'1',OrderType:'',OrderDate:'2011-01-01 0:00:00',ProductType:'',BillingInstruction:'fds',SMTProcessModuleCode1:'',SMTProcessModuleCode2:'',SMTProcessModuleCode3:'',SMTProcessModuleCode4:'',FittingProcessModuleCode:'',PackingProcessModuleCode:'',FactoryModel:'fds',MarketUseName:'',PackingType:'',SchemeName:'',LogoName:'',CustomerName:'',OrderAmount:'',PMCReviewDeliverDate:'',NakedMachineAmount:'',NakedMachineManufactureType:'',Remark:''},{ManufactureOrder:'test',SaleOrder:'1',Salesman:'1',OrderType:'',OrderDate:'2011-01-01 0:00:00',ProductType:'',BillingInstruction:'',SMTProcessModuleCode1:'',SMTProcessModuleCode2:'',SMTProcessModuleCode3:'',SMTProcessModuleCode4:'',FittingProcessModuleCode:'',PackingProcessModuleCode:'',FactoryModel:'',MarketUseName:'',PackingType:'',SchemeName:'',LogoName:'',CustomerName:'',OrderAmount:'',PMCReviewDeliverDate:'',NakedMachineAmount:'',NakedMachineManufactureType:'',Remark:''}]},
reader: {
root: 'data',
totalProperty: 'totalCount'
},
// sends single sort as multi parameter
simpleSortMode: true
// model:{
// idProperty: 'threadid',
// fields: [
// 'ManufactureOrder', 'SaleOrder', 'Salesman','OrderType'
// ]
// }
}
// ,sorters: [{
// property: 'lastpost',
// direction: 'DESC'
// }]
});
store.loadPage(1);
var searchForm = Ext.create('Ext.form.Panel', {
renderTo: Ext.getCmp('north'),
method:'POST',
//title: '下单统计表',
bodyStyle: 'padding:5px 5px 0;width:80%',
autoWidth:true,
fieldDefaults: {
labelAlign: 'left',
msgTarget: 'side'
},
defaults: {
border: false,
xtype: 'panel',
flex: 1,
layout: 'anchor'
},
layout: 'hbox',
items: [{
items: [{
xtype:'textfield',
fieldLabel: '销售订单号',
anchor: '80%',
name: 'SaleOrder',
id:'SaleOrder'
}]
}]
});
var grid = Ext.create('Ext.grid.Panel', {
width: 700,
height: 500,
// title: 'ExtJS.com - Browse Forums',
store: store,
// disableSelection: true,
// loadMask: true,
// viewConfig: {
// id: 'gv',
// trackOver: false,
// stripeRows: false,
// plugins: [{
// ptype: 'preview',
// bodyField: 'excerpt',
// expanded: true,
// pluginId: 'preview'
// }]
// },
columns:[
{
id: 'ManufactureOrder',
text: "生产订单号",
dataIndex: 'ManufactureOrder',
flex: 1,
// renderer: renderTopic,
sortable: false
},{
text: "销售订单号",
dataIndex: 'SaleOrder',
width: 100,
// hidden: true,
sortable: true
},{
text: "业务员",
dataIndex: 'Salesman',
width: 70,
align: 'right',
sortable: true
},{
id: 'OrderType',
text: "订单类型",
dataIndex: 'OrderType',
width: 150,
// renderer: renderLast,
sortable: true
}
// {
// header: '母件编码',
// dataIndex: 'cInvCode',
// width: 150
// },
// {
// header: '版本号',
// dataIndex: 'Version',
// width: 80
// }
],
// paging bar on the bottom
bbar: Ext.create('Ext.PagingToolbar', {
store: store,
displayInfo: true,
displayMsg: 'Displaying topics {0} - {1} of {2}',
emptyMsg: "No topics to display",
items:[
'-', {
text: 'Show Preview'
// pressed: pluginExpanded,
// enableToggle: true,
// toggleHandler: function(btn, pressed) {
// var preview = Ext.getCmp('gv').getPlugin('preview');
// preview.toggleExpanded(pressed);
// }
}]
})
// renderTo: 'topic-grid'
});