luos/workflow/engine/templates/additionalTables/additionalTablesList.js

/*
 * @author: Qennix
 * Jan 10th, 2011
 */

//Keyboard Events
new Ext.KeyMap(document, {
	key: Ext.EventObject.F5,
    fn: function(keycode, e) {
    	if (! e.ctrlKey) {
    		if (Ext.isIE) {
            // IE6 doesn't allow cancellation of the F5 key, so trick it into
            // thinking some other key was pressed (backspace in this case)
    			e.browserEvent.keyCode = 8;
    		}
    		e.stopEvent();
    		document.location = document.location;
    	}else{
    		Ext.Msg.alert('Refresh', 'You clicked: CTRL-F5');
    	}
    }
});

var newButton;
var editButton;
var deleteButton;
var importButton;
//var exportButton;
var dataButton;

var store;
var expander;
var cmodel;
var infoGrid;
var viewport;

Ext.onReady(function(){
    Ext.QuickTips.init();

    newButton = new Ext.Action({
    	text: TRANSLATIONS.ID_NEW_ADD_TABLE,
    	iconCls: 'silk-add',
    	icon: '/images/addc.png',
    	handler: NewPMTable
    });

    editButton = new Ext.Action({
    	text: TRANSLATIONS.ID_EDIT,
    	iconCls: 'button_menu_ext ss_sprite  ss_pencil',
    	//icon: '/images/addc.png',
    	handler: EditPMTable
    });

    deleteButton = new Ext.Action({
    	text: TRANSLATIONS.ID_DELETE,
    	iconCls: 'button_menu_ext ss_sprite  ss_delete',
    	//icon: '/images/addc.png',
    	handler: DeletePMTable
    });
    
    importButton = new Ext.Action({
    	text: TRANSLATIONS.ID_IMPORT,
    	iconCls: 'silk-add',
    	icon: '/images/import.gif',
    	handler: ImportPMTable
    });
    
    exportButton = new Ext.Action({
    	text: TRANSLATIONS.ID_EXPORT,
    	iconCls: 'silk-add',
    	icon: '/images/export.png',
    	handler: ExportPMTable
    });
    
    dataButton = new Ext.Action({
    	text: TRANSLATIONS.ID_DATA,
    	iconCls: 'silk-add',
    	icon: '/images/cases-draft.png',
    	handler: PMTableData
    });


    store = new Ext.data.GroupingStore( {
    	proxy : new Ext.data.HttpProxy({
    		url: 'data_additionalTablesList'
    	}),
    	reader : new Ext.data.JsonReader( {
    		root: '',
    		fields : [
    		    {name : 'ADD_TAB_UID'},
    		    {name : 'ADD_TAB_NAME'},
    		    {name : 'ADD_TAB_DESCRIPTION'}
    		    ]
    	})
    });
    
    expander = new Ext.ux.grid.RowExpander({
    	tpl : new Ext.Template(
    			'<p><b>UID:</b> {ADD_TAB_UID}</p><br>'
    			)
    });
    
    cmodel = new Ext.grid.ColumnModel({
        defaults: {
            width: 50,
            sortable: true
        },
        columns: [
            expander,
            {id:'ADD_TAB_UID', dataIndex: 'ADD_TAB_UID', hidden:true, hideable:false},
            {header: TRANSLATIONS.ID_NAME, dataIndex: 'ADD_TAB_NAME', width: 20, align:'left'},
            {header: TRANSLATIONS.ID_DESCRIPTION, dataIndex: 'ADD_TAB_DESCRIPTION', width: 50, hidden:false, align:'left'}
        ]
    });

    infoGrid = new Ext.grid.GridPanel({
    	region: 'center',
    	layout: 'fit',
    	id: 'infoGrid',
    	height:100,
    	autoWidth : true,
    	//width: 350,
    	//autoHeight: true,
    	title : TRANSLATIONS.ID_ADDITIONAL_TABLES,
    	stateful : true,
    	stateId : 'grid',
    	enableColumnResize: true,
    	enableHdMenu: true,
    	frame:false,
    	plugins: expander,
    	cls : 'grid_with_checkbox',
    	columnLines: false,
    	viewConfig: {
    		forceFit:true
    	},
    	store: store,
    	cm: cmodel,
    	tbar:[newButton,'-', editButton, deleteButton,'-', dataButton,{xtype: 'tbfill'} , importButton, exportButton],
    	listeners: {
    		rowdblclick: PMTableData,
    		rowclick: DoNothing,
    		render: function(){
    		    infoGrid.getSelectionModel().on('rowselect', function(){
    		    	var rowSelected = infoGrid.getSelectionModel().getSelected();
    		    });
    		}
    	},
    	view: new Ext.grid.GroupingView({
    		forceFit:true,
    		groupTextTpl: '{text}'
    	})
    });

    infoGrid.store.load({params: {"function":"additionalTablesList"}});

    viewport = new Ext.Viewport({
    	layout: 'fit',
    	autoScroll: false,
    	items: [
    	   infoGrid
    	]
    });
});

/////JS FUNCTIONS

//Capitalize String Function
capitalize = function(s){
	s = s.toLowerCase();
	return s.replace( /(^|\s)([a-z])/g , function(m,p1,p2){ return p1+p2.toUpperCase(); } );
};

//Do Nothing Function
DoNothing = function(){}

//Load New PM Table Forms
NewPMTable = function(){
	location.href = 'additionalTablesNew';
}

//Load PM Table Edition Forms
EditPMTable = function(){
    iGrid = Ext.getCmp('infoGrid');
    var rowSelected = iGrid.getSelectionModel().getSelected();
    if( rowSelected ) {
    	location.href = 'additionalTablesEdit?sUID='+rowSelected.data.ADD_TAB_UID+'&rand='+Math.random();
    } else {
    	Ext.Msg.show({
    		title:'',
    		msg: TRANSLATIONS.ID_SELECT_FIRST_PM_TABLE_ROW,
    		buttons: Ext.Msg.INFO,
    		fn: DoNothing,
    		animEl: 'elId',
    		icon: Ext.MessageBox.INFO,
    		buttons: Ext.MessageBox.OK
    	});
    }
}

//Confirm PM Table Deletion Tasks
DeletePMTable = function(){
	iGrid = Ext.getCmp('infoGrid');
    var rowSelected = iGrid.getSelectionModel().getSelected();
    if( rowSelected ) {
    	confirmMsg = TRANSLATIONS.ID_CONFIRM_DELETE_PM_TABLE;
    	confirmMsg = confirmMsg.replace('{0}',rowSelected.data.ADD_TAB_NAME);
        Ext.Msg.confirm(TRANSLATIONS.ID_CONFIRM, confirmMsg,
        function(btn, text){
            if (btn=="yes"){
                location.href = 'additionalTablesDelete?sUID='+rowSelected.data.ADD_TAB_UID+'&rand='+Math.random();
            }
        });
    } else {
    	Ext.Msg.show({
    		title:'',
    		msg: TRANSLATIONS.ID_SELECT_FIRST_PM_TABLE_ROW,
    		buttons: Ext.Msg.INFO,
    		fn: DoNothing,
    		animEl: 'elId',
    		icon: Ext.MessageBox.INFO,
    		buttons: Ext.MessageBox.OK
    	});
    }
}

//Load Import PM Table Form
ImportPMTable = function(){
	location.href = 'additionalTablesToImport';
}

//Load Export PM Tables Form
ExportPMTable = function(){
	location.href = 'additionalTablesToExport';
}

//Load PM TAble Data
PMTableData = function(){
	iGrid = Ext.getCmp('infoGrid');
    var rowSelected = iGrid.getSelectionModel().getSelected();
    if( rowSelected ) {
        location.href = 'additionalTablesData?sUID='+rowSelected.data.ADD_TAB_UID+'&rand='+Math.random();
    } else {
    	Ext.Msg.show({
    		title:'',
    		msg: TRANSLATIONS.ID_SELECT_FIRST_PM_TABLE_ROW,
    		buttons: Ext.Msg.INFO,
    		fn: DoNothing,
    		animEl: 'elId',
    		icon: Ext.MessageBox.INFO,
    		buttons: Ext.MessageBox.OK
    	});
    }
}