Ext.data.proxy.Ajax Extend

Ext.define('Tequiol.store.JsonRpc', {
  requires: ['Tequiol.util.Md5', 'Tequiol.util.Base64'],
  extend:'Ext.data.proxy.Ajax',
  alias:'proxy.jsonrpc',

  reader:{
    type:'json',
    root:'result'
  },

  statics: {
    /**
     * @private
     * Stores authentication data.
     */
    authentication:'',

    /**
     * @public
     * Changes the authentication data and generates a new client id for the connection.
     * @param username to log in
     * @param password to log in
     */
    setAuth:function (username, password) {
      var clientId = Ext.create('Tequiol.util.Md5').checksum(Math.random());
      this.authentication = Ext.create('Tequiol.util.Base64').encode(clientId + '-' + username + ':' + password);
    },

    /**
     * @public
     * returns true, if authentication data is available (does not tell, if the user is logged in)
     */
    hasAuth:function () {
      return this.authentication != '';
    }
  },

  constructor:function (config) {
    config = config || {};
    this.url = config.url || '/json';
    this.method = config.method || '';
    this.params = config.params || {};
    this.callParent([config]);
  },

  /**
   * @private
   * Modified headers for authentication and adds JSON-RPC header to the data request.
   * @param operation
   */
  buildRequest:function(operation) {
    var request = this.callParent([operation]);

    this.headers = {
      'Authorization':'Basic ' + this.self.authentication,
      'Content-Type':'application/json; charset=UTF-8'
    };

    Ext.apply(request, {
      jsonData:{
        version:'1.1',
        method:this.method,
        params:this.params
      },
      params: {} // get rid of GET params
    });

    return request;
  },

  /**
   * @private
   * Method is always POST.
   * @param request
   */
  getMethod: function(request) {
    return 'POST';
  }
});

Grid 컬럼내에서 방향키 안먹을 때

Ext.define('Ext.patch,EXTJS16166', {
    override: 'Ext.view.View',
    compatibility: '5.1.0.107',
    handleEvent: function(e) {
        var me = this,
        isKeyEvent = me.keyEventRe.test(e.type),
        nm = me.getNavigationModel();
        e.view = me;
        if (isKeyEvent) {
            e.item = nm.getItem();
            e.record = nm.getRecord();
        }
        if (!e.item) {
            e.item = e.getTarget(me.itemSelector);
        }
        if (e.item && !e.record) {
            e.record = me.getRecord(e.item);
        }
        if (me.processUIEvent(e) !== false) {
            me.processSpecialEvent(e);
        }
        if (isKeyEvent && !Ext.fly(e.target).isInputField()) {
            if (e.getKey() === e.SPACE || e.isNavKeyPress(true)) {
                e.preventDefault();
            }
        }
    }
});

tree getChecked

Ext.require([
    'Ext.tree.*',
    'Ext.data.*',
    'Ext.window.MessageBox'
]);

Ext.onReady(function() {
    var store = Ext.create('Ext.data.TreeStore', {
        proxy: {
            type: 'ajax',
            url: 'check-nodes.json'
        },
        sorters: [{
            property: 'leaf',
            direction: 'ASC'
        }, {
            property: 'text',
            direction: 'ASC'
        }]
    });

    var tree = Ext.create('Ext.tree.Panel', {
        store: store,
        rootVisible: false,
        useArrows: true,
        frame: true,
        title: 'Check Tree',
        renderTo: 'tree-div',
        width: 200,
        height: 250,
        dockedItems: [{
            xtype: 'toolbar',
            items: {
                text: 'Get checked nodes',
                handler: function(){
                    var records = tree.getView().getChecked(),
                        names = [];
                 
                    Ext.Array.each(records, function(rec){
                        names.push(rec.get('text'));
                    });
                 
                    Ext.MessageBox.show({
                        title: 'Selected Nodes',
                        msg: names.join('<br />'),
                        icon: Ext.MessageBox.INFO
                    });
                }
            }
        }]
    });
});

form submit

form.api ={submit: 'incidentreceipt.setOrder'};
Ext.Msg.confirm('알림' "Are you sure you want to save?", function(button, text) {
    if (button == 'yes') {
        var form = _window.getForm();
        var values = form.getValues();
       
        if (form.isValid()){
            form.submit({
                params: values,
                scope: this,
                success: function(form, action) {
                },
                failure: function(form, action) {
                }
            });
        }
        else {
              form.getFields().findBy(function(field) {
                     var activeError =  field.getActiveError();
                     if (!Ext.isEmpty(activeError ))
                     {
                        return false;
                     };
               });
        }
    }
});

getSelectionModel, getSelection

var _selectionModel = grid.getSelectionModel();
if ( _selectionModel.hasSelection())
{
var _selectedRecords = _selectionModel.getSelection();
};

store load params callback

store.load({params : record.data ,
    callback : function (records , operation , success ) {
    if ( records.length > 0 )
    {
   
    }
    }
});