Ext.define("Compass.ErpApp.Shared.DynamicEditableGridLoaderPanel", {
    extend: "Ext.Panel",
    alias: 'widget.shared_dynamiceditablegridloaderpanel',
    setupGrid: function () {
        var self = this;
        var config = this.initialConfig;
        Ext.Ajax.request({
            url: config['setupUrl'],
            method: 'POST',
            params: config['params'],
            success: function (responseObject) {
                var response = Ext.decode(responseObject.responseText);
                if (response.success) {
                    self.add({
                        editable: config['editable'],
                        url: config['dataUrl'],
                        page: config['page'],
                        cell_editable: config['cell_editable'],
                        remoteSort: config['remoteSort'],
                        pageSize: config['pageSize'],
                        displayMsg: config['displayMsg'],
                        emptyMsg: config['emptyMsg'],
                        xtype: 'shared_dynamiceditablegrid',
                        columns: response.columns,
                        fields: response.fields,
                        model: response.model,
                        id_property: response.id_property,
                        validations: response.validations,
                        proxy: config.proxy,
                        listeners: config.grid_listeners,
                        store_listeners: config.grid_store_listeners,
                        storeId: config['storeId'],
                        selType: (config.selType || 'rowmodel'),
                        multiSelect: (config.multiSelect || false),
                        allowDeselect: (config.allowDeselect || false),
                        timeout: (config.timeout || 30000),
                        showEditorToolbar: (config.showEditorToolbar === false ? false : true)
                    });
                    if (config.autoLoad !== false) self.down('shared_dynamiceditablegrid').getStore().load();
                }
                else {
                    var message = response.message;
                    if (Compass.ErpApp.Utility.isBlank(message)) {
                        message = config['loadErrorMessage'];
                    }
                    Ext.Msg.alert('Error', message);
                }
            },
            failure: function () {
                Ext.Msg.alert('Error', 'Could not load grid.');
            }
        });
    },

    onRender: function () {
        this.callParent(arguments);
        this.setupGrid();
    },

    constructor: function (config) {
        config = Ext.apply({layout: 'card'}, config);
        this.callParent([config]);
    }
});