JavaScript
Ext.onReady(function() {
Ext.define('Ext4Example.view.attendence.Timeperiod', {
extend: 'Ext.form.Panel',
alias: 'widget.timeperiod',
id: 'timeperiod',
region: 'west',
border: true,
width: 150,
height: 395,
split: true,
defaults: {
// applied to each contained panel
//bodyStyle: 'padding:15px'
},
layout: {
// layout-specific configs go here
type: 'accordion',
titleCollapse: true,
animate: true,
activeOnTop: true,
hideCollapseTool: true
},
initComponent: function() {
var me = this;
me.items = me.maccord();
me.callParent(arguments);
},
mstore: function(year) {
var data = [
[1, year, 'January'],
[2, year, 'February'],
[3, year, 'March'],
[4, year, 'April'],
[5, year, 'May'],
[6, year, 'June'],
[7, year, 'July'],
[8, year, 'August'],
[9, year, 'September'],
[10, year, 'October'],
[11, year, 'November'],
[12, year, 'December']
];
var store = Ext.create('Ext.data.ArrayStore', {
storeId: 'mstore',
fields: [
{
name: 'id',
type: 'int'},
{
name: 'year',
type: 'int'},
{
name: 'month',
type: 'string'}
],
data: data
});
return store;
},
mpanel: function(year) {
var me = this,
mpanel = new Ext.grid.Panel({
border: false,
viewConfig: {
...