Page 4 of 4 FirstFirst ... 234
Results 31 to 34 of 34

Thread: how to appy loadMask for gridpanel

  1. #31
    Ext JS Premium Member
    Join Date
    May 2008
    Posts
    46
    Vote Rating
    0
      0  

    Default

    ctp_sisqo:

    I ended up reworking my grid and now everything seems to be working. Not sure if you are extending the grid or not, but maybe this will shed some light on the issue.

    http://www.extjs.com/forum/showthread.php?t=49854

    -Todd

  2. #32
    Sencha User
    Join Date
    Jul 2012
    Posts
    1
    Vote Rating
    0
      0  

    Default

    The loadMask is ready when the gridView is ready. So put your store.load( ) in the event
    GridPanel.viewready

    It works well with me.

  3. #33
    Sencha User
    Join Date
    Feb 2010
    Posts
    4
    Vote Rating
    0
      0  

    Default

    Thank you very much for sharing, viettp!

  4. #34
    Sencha User
    Join Date
    Jan 2014
    Location
    pittsburg , PA
    Posts
    32
    Vote Rating
    0
      0  

    Default

    Hi
    I create table using grid.panel. i put this code insude of function. but my window will not open. any clue ? what could i missed ? colors may differ the function. thanks for your help.

    Main function
    Var hvstore;
    function hostedVoipQual() {
    hvstore.load({ params: { cuid: userName } });
    }


    hvstore = new Ext.data.Store(
    {
    nocache: true,
    reader: sereader,
    autoLoad: false,
    autoDestroy: true,
    remoteSort: false,
    proxy: new Ext.data.HttpProxy(
    {
    url: 'http://' + servers[1] + '/QVOWS/Se.asmx/getSe',
    timeout: 9000000,
    method: 'GET'
    })
    });


    hvstore.on('load', function () {
    hostedvoipstore.load();
    });



    hostedvoipstore.on('load', function () {


    // I CREATE TABLE USING GRID PANEL HERE. BUT MY WINDOW IS NOT OPEN. ANY CLUE ? WHAT COULD I MISSED ?
    var store = Ext.create('Ext.data.Store', {
    fields: [
    'HOSTEDVOIP',
    { name: 'quantity', type: 'int' },
    { name: 'MRC', type: 'int' },
    { name: 'NRC', type: 'int' },
    {
    name: 'total', type: 'int',
    convert: function(val, record) {
    var qty = (record.data.quantity > 0) ? record.data.quantity : 1;
    return (qty * (record.data.MRC));
    }
    },
    {
    name: 'totalNrc', type: 'int',
    convert: function(val, record) {
    var qty2 = (record.data.quantity > 0) ? record.data.quantity : 1;
    return (qty2 * (record.data.NRC));
    }
    }
    ],

    data: {
    'items': [
    {
    HOSTEDVOIP: 'Basic Seats',
    quantity: 1,
    MRC: 100,
    NRC: 50
    }, {
    HOSTEDVOIP: 'Conference Room Seats',
    quantity: 1,
    MRC: 200,
    NRC: 100
    }, {
    HOSTEDVOIP: 'Standard Seats',
    quantity: 1,
    MRC: 10,
    NRC: 8

    ]
    },

    proxy: {
    type: 'memory',
    reader: {
    type: 'json',
    root: 'items'
    }
    }
    });

    var cellEditing = Ext.create('Ext.grid.plugin.CellEditing', {
    clicksToEdit: 1,
    listeners: {
    edit: function(editor, e, eOpts) {
    e.record.set('total'); // Ext.MRC field is calculated
    e.record.set('totalNrc'); // Ext.NRC field is calculated
    }
    }
    });

    var editText = {
    xtype: 'textfield'
    };

    var editNumb = {
    xtype: 'numberfield',
    minValue: 0
    };

    var grid = Ext.create('Ext.grid.Panel', {
    width: 600,
    height: 140,
    renderTo: document.body,

    store: store,

    columns: [{
    dataIndex: 'HOSTEDVOIP',
    text: 'Seat Type',
    summaryType: 'count',
    summaryRenderer: function(value, summaryData, dataIndex) {
    return Ext.String.format('TOTAL', value, value !== 1 ? '' : '');
    }
    }, {
    dataIndex: 'quantity',
    text: 'Quantity',
    editor: editNumb
    }, {
    dataIndex: 'MRC',
    text: 'MRC',
    summaryType: 'sum'
    }, {
    dataIndex: 'NRC',
    text: 'NRC',
    summaryType: 'sum'
    }, {
    dataIndex: 'total',
    text: 'EXT.MRC',
    summaryType: 'sum'
    }, {
    dataIndex: 'totalNrc',
    text: 'EXT.NRC',
    summaryType: 'sum'
    }],

    features: [{
    ftype: 'summary'
    }],

    plugins: [cellEditing],

    });

    // TABLE ENDED

    });

    Thanks,
    Santhosh

Page 4 of 4 FirstFirst ... 234

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •