Definicja gadżetu

var form = Properties.getForm(),
	paramsProperty = Properties.value('params'),
	reportProperty = Properties.value('report'),
	reportServlet = Properties.getPluginUrl('/gadget/jasper-report/reports'),
	store;

store = new Ext.data.JsonStore({
	autoLoad: true,
    autoDestroy : true,
    proxy : new Ext.data.HttpProxy({
        method : 'GET',
        url : reportServlet
    }),
    root : 'data',
    fields : [ 'id', 'name', 'parameters' ]
});
 
// on first load, render current report parameters
store.on('load', function(store){
    if(!Ext.isEmpty(reportProperty)){
        var record = store.getById(reportProperty);
        if(record){
            renderParameters(record, true);
        }
	}
}, form, {single: true});

form.getForm().on('beforeaction', function(basicForm, action){
	var params = {},
		field = basicForm.findField('params');
		
	form.cascade(function(param){
		if(param.jasperParam === true){
			var value = param.getValue();
			if(Ext.isDate(value)){
				value = value.format('Y-m-d');
			}
			params[param.jasper.name] = value;			
		}
	});
	field.setValue(Ext.encode(params));				
});
 
// on every select, render report parameters
function reportSelected(field, report){
	renderParameters(report);
};

// add static properties
Properties.add([
	Properties.hidden('params'),
	{
		xtype: 'combo',
		hiddenName: 'report',
		value: reportProperty,
		fieldLabel: '#I18N#gadget.jasper.report#',
		tooltip: '#I18N#gadget.jasper.report.tooltip#',
             	mode: 'remote',
             	triggerAction: 'all',
             	autoSelect: true,
             	valueField: 'id',
             	displayField: 'name',
             	store: store,
             	listeners: {
             		select: reportSelected
             	}
	}, {
		xtype: 'fieldset',
		ref: '../reportsParam',
		title: '#I18N#raport.params#',
		hidden: true,
		width: 250,
		defaults: {
			width: 200,
			submitValue: false,
			jasperParam: true
		},
		items: []
	},
	Properties.list('refreshInterval', '#I18N#refresh#', [
		[-1, '#I18N#never#'],
		[5, 5],
		[10, 10],
		[30, 30],
		[60, 60]
	],
	{
		tooltip: '#I18N#refresh#'
	})
]);
var paramsContainer = form.reportsParam;

// renders report parameters
function renderParameters(record, setValues){
	var parameters = record.get('parameters'),
		empty = Ext.isEmpty(parameters),
		parameter;
	
	paramsContainer.removeAll();
	paramsContainer.setVisible(!empty);
	
	if(!empty){
		for(var i=0; i<parameters.length; i++){
			parameter = parameters[i];
			addParameter(parameter, paramsContainer, setValues);
		}						
	}
	Properties.refreshLayout();
};

function addParameter(parameter, container, setValue){
	var config;
	
	switch(parameter.type)
	{
	case 'STRING':
		config = {
			xtype: 'textfield',
			jasper: parameter,
			fieldLabel: parameter.label
		}
		break;
	case 'INTEGER':
	case 'FLOAT':
		config = {
			xtype: 'numberfield',
			jasper: parameter,
			fieldLabel: parameter.label
		}
		break;
	case 'DATE':
		config = {
			xtype: 'datefield',
			jasper: parameter,
			fieldLabel: parameter.label
		}
		break;
	case 'LIST':
		var data = [], value;
		for(value in parameter.values){
			data.push([value, parameter.values[value]]);
		}
		
		config = Properties.list(null, parameter.label, data, {
			jasper: parameter,
			value: data[0][0],
			forceSelection: true,
			editable: false
		});
		
		break;	
	case 'USERNAME':
		config = {
			xtype: 'displayfield',
			jasper: parameter,
			fieldLabel: parameter.label,
			value: Suncode.getCurrentUser()
		}
		break;
	}
	
	if(setValue){
		if(!Ext.isEmpty(paramsProperty)){
			var saved = Ext.decode(paramsProperty),
				value = saved[parameter.name];
				
			config.value = value;
		}
	}
	
	// dodajemy pole
	if(config){
		container.add(config);
	}
};