Notes

Ext.application({
name: 'Fiddle',

launch: function () {

//var db = Ext.create('Ext.data.store',{

//});

var toolbar = Ext.create('Ext.toolbar.Toolbar', {
width : 'fit',
items: [{
text: 'Edit',
width:100,
},{
text: 'Predict',
width:100,
},
'->',{
text: 'Advance Search',
width:175,
},
]});

// Ext.create('Ext.data.Store', {
// storeId: 'openinvoices',
// fields:[ 'name', 'rollno', 'subject','trainer'],
// data: [
// { name: 'Akash Jaiswal', rollno: '1629189', subject: 'EXTJS', trainer: 'Pratima' },
// { name: 'Sneha', rollno: '1605218', subject: 'JAVA', trainer: 'Ajay' },
// { name: 'Neeraj', rollno: '160456', subject: 'C', trainer: 'Vijay' },
// { name: 'Manmohan', rollno: '160673', subject: 'C++', trainer: 'Pratyush' },
// { name: 'Akash Jaiswal', rollno: '1629189', subject: 'EXTJS', trainer: 'Pratima' },
// { name: 'Sneha', rollno: '1605218', subject: 'JAVA', trainer: 'Ajay' },
// { name: 'Neeraj', rollno: '160456', subject: 'C', trainer: 'Vijay' },
// { name: 'Manmohan', rollno: '160673', subject: 'C++', trainer: 'Pratyush' },
// { name: 'Akash Jaiswal', rollno: '1629189', subject: 'EXTJS', trainer: 'Pratima' },
// { name: 'Sneha', rollno: '1605218', subject: 'JAVA', trainer: 'Ajay' },
// { name: 'Neeraj', rollno: '160456', subject: 'C', trainer: 'Vijay' },
// { name: 'Manmohan', rollno: '160673', subject: 'C++', trainer: 'Pratyush' },
// { name: 'Akash Jaiswal', rollno: '1629189', subject: 'EXTJS', trainer: 'Pratima' },
// { name: 'Sneha', rollno: '1605218', subject: 'JAVA', trainer: 'Ajay' },
// { name: 'Neeraj', rollno: '160456', subject: 'C', trainer: 'Vijay' },
// { name: 'Manmohan', rollno: '160673', subject: 'C++', trainer: 'Pratyush' },
// { name: 'Akash Jaiswal', rollno: '1629189', subject: 'EXTJS', trainer: 'Pratima' },
// { name: 'Sneha', rollno: '1605218', subject: 'JAVA', trainer: 'Ajay' },
// { name: 'Neeraj', rollno: '160456', subject: 'C', trainer: 'Vijay' },
// { name: 'Manmohan', rollno: '160673', subject: 'C++', trainer: 'Pratyush' },
// { name: 'Akash Jaiswal', rollno: '1629189', subject: 'EXTJS', trainer: 'Pratima' },
// { name: 'Sneha', rollno: '1605218', subject: 'JAVA', trainer: 'Ajay' },
// { name: 'Neeraj', rollno: '160456', subject: 'C', trainer: 'Vijay' },
// { name: 'Manmohan', rollno: '160673', subject: 'C++', trainer: 'Pratyush' },
// { name: 'Akash Jaiswal', rollno: '1629189', subject: 'EXTJS', trainer: 'Pratima' },
// { name: 'Sneha', rollno: '1605218', subject: 'JAVA', trainer: 'Ajay' },
// { name: 'Neeraj', rollno: '160456', subject: 'C', trainer: 'Vijay' },
// { name: 'Manmohan', rollno: '160673', subject: 'C++', trainer: 'Pratyush' },
//
// ]
// });

// var store = Ext.create('Ext.data.Store', {
// id: 'openinvoices',
// actionMethods : {
// read : 'GET'
// },
// autoLoad: false,
// //fields: [ 'account_id', 'document_number_form', 'company_code', 'fiscal_year', 'branch', 'customer_number_norm', 'fk_customer_map_id', 'document_date_norm', 'baseline_date_norm', 'due_date_norm', 'invoice_number_norm', 'open_amount_norm', 'payment_terms', 'clearing_date_norm', 'open', 'order_type', 'order_date', 'business_area', 'ship_date', 'job_id', 'tax_amt', 'current_disput_amount', 'ship_to', 'document_id', 'document_date', 'actual_open_amount', 'due_date', 'invoice_age', 'isvalid_dispute', 'posting_key', 'strategy_id', 'currency', 'debit_credit_indicator', 'valid_open_amount'],
//
// fields: ['account_id', 'document_number_form', 'company_code', 'fiscal_year', 'branch', 'customer_number_norm', 'fk_customer_map_id', 'document_date_norm', 'baseline_date_norm', 'due_date_norm', 'invoice_number_norm', 'open_amount_norm', 'payment_terms', 'clearing_date_norm', 'order_type', 'order_date', 'business_area', 'ship_date', 'job_id', 'tax_amt', 'current_disput_amount', 'ship_to', 'document_id', 'document_date', 'actual_open_amount', 'due_date', 'invoice_age', 'isvalid_dispute', 'posting_key', 'strategy_id', 'currency', 'valid_open_amount', 'customer_name', 'open'],
// pageSize: 100,
// proxy: {
// type: 'ajax',
// url: 'http://localhost:8080/hrc-project/View_data',
// reader: {
// type: 'json',
// rootProperty: 'items',
//
// }
// }
// });

var store = Ext.create('Ext.data.Store', {
storeId : 'openinvoices',

fields: [ 'account_id','document_number','company_code','fiscal_year','branch','customer_number','fk_customer_map_id','document_date_norm','baseline_date_norm','due_date_norm','invoice_number_form','open_amount_norm','payment_terms','clearing_date_norm','isOpen','order_type','order_date','business_area','ship_date','job_id','tax_amt','current_disput_amount','ship_to','document_id','document_date','actual_open_amount','due_date','invoice_age','isvalid_dispute','posting_key','stategy_id','currency','valid_open_amount','customer_name','debit_credit_indicator','retainage_amount'],
//fields: ['accountId', 'documentNumberForm', 'companyCode', 'fiscalYear', 'branch'],
//fields: [ 'account_id', 'document_number', 'company_code', 'fiscal_year', 'branch'],
autoLoad : true,
pageSize:20,
proxy : {
type : 'ajax',
url : 'getinv.do',
actionMethods : {
read : 'GET'
},


reader : {
rootProperty : 'rows',
totalProperty : 'results',
keepRawData : true
}
}
});



store.load({
params: {
start: 20,
limit: 100
}
});
var grid_all_invoices=Ext.create('Ext.grid.Panel', {
title: 'All Invoices',
store: Ext.data.StoreManager.lookup('openinvoices'),
columns: [
{text: 'Account ID ', dataIndex:'account_id'},
{text: 'Document Number ', dataIndex:'document_number_form'},
{text: 'Company Code ', dataIndex:'company_code'},
{text: 'Fiscal Year ', dataIndex:'fiscal_year'},
{text: 'Branch ', dataIndex:'branch'},
{text: 'Consumer Number ', dataIndex:'customer_number_norm'},
{text: 'Customer ID ', dataIndex:'fk_customer_map_id'},
{text: 'Document Date Norm ', dataIndex:'document_date_norm'},
{text: 'Base Line Date Norm ', dataIndex:'baseline_date_norm'},
{text: 'Due Date Norm ', dataIndex:'due_date_norm'},
{text: 'Invpoice Numnber Norm ', dataIndex:'invoice_number_norm'},
{text: 'Open amount norm ', dataIndex:'open_amount_norm'},
{text: 'Payment terms ', dataIndex:'payment_terms'},
{text: 'Clearing Date Norm ', dataIndex:'clearing_date_norm'},
{text: 'is Open ', dataIndex:'open'},
{text: 'Order Type ', dataIndex:'order_type'},
{text: 'Order Date ', dataIndex:'order_date'},
{text: 'Business Area ', dataIndex:'business_area'},
{text: 'Ship Date ', dataIndex:'ship_date'},
{text: 'Job ID ', dataIndex:'job_id'},
{text: 'Tax Amount ', dataIndex:'tax_amt'},
{text: 'Current Dispute Amount ', dataIndex:'current_disput_amount'},
{text: 'Ship To ', dataIndex:'ship_to'},
{text: 'Document Id ', dataIndex:'document_id'},
{text: 'Document Date ', dataIndex:'document_date'},
{text: 'Actual Open Amount ', dataIndex:'actual_open_amount'},
{text: 'Due Date ', dataIndex:'due_date'},
{text: 'Invoice Age ', dataIndex:'invoice_age'},
{text: 'Is valid Dispute ', dataIndex:'isvalid_dispute'},
{text: 'Posting Key ', dataIndex:'posting_key'},
{text: 'Strategy Key ', dataIndex:'stategy_id'},
{text: 'Currency ', dataIndex:'currency'},
{text: 'Calid Open Amount ', dataIndex:'valid_open_amount'},
{text: 'Customer Name ', dataIndex:'customer_name'},
{text: 'Debit Credit Indicator ', dataIndex:'debit_credit_indicator'},
{text: 'Retainage Amount ', dataIndex:'retainage_cmount'}

],
height: 'fit',
width: 'fit',
//renderTo: Ext.getBody()
bbar: {
xtype: 'pagingtoolbar',
displayInfo: true
},
dockedItems: [{
xtype: 'pagingtoolbar',
store: 'openinvoices',
dock: 'bottom',
displayInfo: true
}]
});


var tab_panel = Ext.create('Ext.TabPanel',{
fullscreen: true,
///tabBarPosition: 'top',
//renderTo : Ext.getBody(),
defaults:{
StyleHtmlContent : true
},

items: [
{
itemID: 'all_invoices_panel',
items:[toolbar, grid_all_invoices],
title: 'All Invoices',
iconCls: 'home',
},
{
itemID: 'open_invoices_panel',
//items:[grid_poen_invoices],
title: 'Opened Invoices',
iconCls: 'user',
html: 'Opened Invoices'
},
{
itemID: 'closed_invoices_panel',
title: 'Closed Incvoices',
iconCls: 'user',
html: 'Closed Invoices'
},
]
});



var my_panel = Ext.create('Ext.panel.Panel',{
title:"Invoices",
items:[tab_panel],
renderTo:Ext.getBody()
})
}

});