1. #11
    Sencha User
    Join Date
    Oct 2012
    Posts
    6
    Vote Rating
    0
    Garry Hawkins is on a distinguished road

      0  

    Default


    can you please give a sample demo and instruction on how to insert tha zip code in extjs 4.1.1 folder? thanks.

  2. #12
    Ext JS Premium Member canxss's Avatar
    Join Date
    Sep 2008
    Posts
    184
    Vote Rating
    3
    canxss is on a distinguished road

      0  

    Default


    Hi,

    Thanks for this feature. I really need it in my app. But I don't know if you've tried but unfortunately it doesn't work in ext-4.2.beta .

    Then I tried to use it array-grid example in order to find out how was it working so that I could have made it work for 4.2.x. But I get error on this line inside collectData function when I tried to group by a field:


    collapsedState[group.id] = collapsedState[group.id] || collapsedState[child.name];

    Hope that you find the time to update this feature for the new versions of Ext JS.

    Thanks in advance

    Ipek

  3. #13
    Sencha User
    Join Date
    Dec 2012
    Posts
    3
    Vote Rating
    0
    yuva_ess is on a distinguished road

      0  

    Default


    I'm getting this error when I try to use the code
    TypeError: 'undefined' is not an object (evaluating 'child.name')


    =====
    if (group.children) {
    for (gLen = group.children.length - 1; gLen >= 0; gLen--) {
    var child = group.children[gLen];
    child.parent = group.name;
    // child.id = guidGenerator();
    collapsedState[child.name] = collapsedState[group.name] || collapsedState[child.name];
    collapsedState[group.id] = collapsedState[group.id] || collapsedState[child.name];
    if(group.depth == 0) {
    me.nameIDNode[group.id] = group.name;
    gName = group.name;
    } else {
    me.nameIDNode[group.id] = group.parent+group.name;
    }
    groups.splice(g + 1, 0, child);
    }
    me.getGroupRows(group, [], preppedRecords, fullWidth);
    } else {
    group.children = group.records;
    if (group.children.length == 0) {
    me.getGroupRows(group, [], preppedRecords, fullWidth);
    group.collapsibleClass = '';
    } else {
    me.getGroupRows(group, records, preppedRecords, fullWidth);
    }
    me.nameIDNode[group.id] = gName+group.parent+group.name;
    collapsedState[group.id] = collapsedState[group.id] || collapsedState[child.name];

  4. #14
    Sencha Premium Member
    Join Date
    Jan 2013
    Posts
    4
    Vote Rating
    1
    vitorvti is on a distinguished road

      0  

    Default Grouping multiple leves

    Grouping multiple leves


    I also am nedding something like this for ext 4.2

  5. #15
    Sencha User
    Join Date
    Apr 2013
    Posts
    3
    Vote Rating
    0
    mukeshm is on a distinguished road

      0  

    Default Multigrouping Problem in 4.1.x version

    Multigrouping Problem in 4.1.x version


    Thanks for sharing MultiGrouping Grid and Summary artile and I have some questions about this feature. I want to group by 2 fields, one inside another (in example data "Status->Orderid"). I have implemented this using 4.1.x version but everything is working but Parent group hearder Name is repeating in Child group hearder and child group header is not coming up. Can you please help me on this?

    below is my code:

    Ext.define('Orderapp.store.Orders', {
    extend: 'Ext.data.Store',
    autoLoad: true,
    autoSync: true,
    fields: ['Orderid', 'Employee', 'Item', 'Description', 'Quantity', 'Status'],
    model: 'Orderapp.model.Order',
    groupers: ["Status", "Orderid"]
    });

    --------------------

    forceFit: true,
    columnLines: true,
    autoResizeColumns: true,
    features: [{

    ftype: 'multigrouping',
    startCollapsed: true,
    groupHeaderTpl: 'Status: {name}({rows.length})'
    }],
    selType: 'rowmodel',
    initComponent: function () {
    this.id = "list";
    this.columns = [
    {
    header: 'Order ID',
    id:'Orderid',
    dataIndex: 'Orderid',
    sortable: false,
    menuDisabled: true,
    flex: 2
    },
    {
    header: 'Employee Name',
    dataIndex: 'Employee',
    editable: true,
    editor: {
    xtype: 'textfield',
    allowBlank: true
    },
    sortable: false,
    menuDisabled: true
    },
    {
    header: 'Item',
    dataIndex: 'Item',
    editable: true,
    editor: {
    xtype: 'textfield',
    allowBlank: true
    },
    sortable: false,
    menuDisabled: true
    }, {
    header: 'Description',
    dataIndex: 'Description',
    editable: true,
    sortable: false,
    editor: {
    xtype: 'textfield',
    allowBlank: true
    },
    menuDisabled: true
    }, {
    header: 'Quantity',
    dataIndex: 'Quantity',
    editable: true,
    sortable: false,
    editor: {
    xtype: 'textfield',
    allowBlank: true
    },
    menuDisabled: true
    }, {
    header: 'Status',
    id : 'Status',
    dataIndex: 'Status',
    editable: true,
    sortable: false,
    editor: {
    xtype: 'textfield',
    allowBlank: true
    },
    menuDisabled: true,
    flex: 1
    }
    ];

    I have gone through this http://www.sencha.com/forum/showthre...ngSummaryThank link and implemented the Multigrouping in my application.

    Can you please help me on this?

  6. #16
    Sencha User
    Join Date
    Jan 2013
    Posts
    6
    Vote Rating
    0
    viral.k.patel is on a distinguished road

      0  

    Default


    Can u share me a full code because i am new in extjs

    Genius Thanks in advance

  7. #17
    Sencha User
    Join Date
    Jan 2013
    Posts
    6
    Vote Rating
    0
    viral.k.patel is on a distinguished road

      0  

    Default


    Can u share with me a sample code. i have use ur code but i am not able to see group data. its just display data in table format.

    So please share with me a sample code so that i am able to implement multigroupiing functionality.

    Genius Thanks in Advance.

  8. #18
    Sencha User
    Join Date
    Apr 2013
    Posts
    3
    Vote Rating
    0
    mukeshm is on a distinguished road

      0  

    Default


    Please find the attached aap.zip file for my EXT js application .
    Attached Files

  9. #19
    Sencha User
    Join Date
    Jan 2013
    Posts
    6
    Vote Rating
    0
    viral.k.patel is on a distinguished road

      0  

    Default


    Dear,

    Thanks for sharing you code. With the help of your code I am trying to do small example,but not able to get multilevel group. I am sharing my code. Please tell me at what is the problem.
    As Per example I download total 4 Files
    1. ext-patch-4.1.x.js
      1. I have import this file in JSP along with Extjs all.js
    2. MultiGrouping.js
      1. I have stored this file at Ext/ux/grid/feature/MultiGrouping.js and describe this namespace in to require.
    3. MultiGroupingSummaryMy.js
      1. I have stored this file at Ext/ux/grid/feature/ MultiGroupingSummaryMy.js and describe this namespace in to require.
    4. CSS I have imported in jsp file

    ****Store ***
    var store = Ext.create('Ext.data.Store', {
    storeId : 'employeeStore',
    fields : [ 'name', 'seniority', 'department', 'phone' ],

    //groupField: 'department',
    groupers : [ "departments" ],
    data : {
    'employees' : [ {
    "name" : "Michael Scott",
    "seniority" : 7,
    "department" : "Management",
    phone : '777-55-5124'
    }, {
    "name" : "Dwight Schrute",
    "seniority" : 2,
    "department" : "Sales",
    phone : '777-55-5100'
    }, {
    "name" : "Jim Halpert",
    "seniority" : 3,
    "department" : "Sales",
    phone : '777-78-5124'
    }, {
    "name" : "Kevin Malone",
    "seniority" : 4,
    "department" : "Accounting",
    phone : '771-55-5124'
    }, {
    "name" : "Angela Martin",
    "seniority" : 5,
    "department" : "Accounting",
    phone : '777-55-5124'
    } ]
    },
    proxy : {
    type : 'memory',
    reader : {
    type : 'json',
    root : 'employees'
    }
    }
    });
    **** Grid *****
    Ext.create('Ext.grid.Panel', {
    id : 'myGrid',
    title : 'Employees',
    store : Ext.data.StoreManager.lookup('employeeStore'),
    columns : [ {
    text : 'Name',
    dataIndex : 'name',
    flex : 1
    }, {
    text : 'Seniority',
    dataIndex : 'seniority',
    flex : 1
    }, {
    text : 'Phone',
    dataIndex : 'phone',
    flex : 1
    } ],
    features : [ {
    ftype : 'multigrouping',
    startCollapsed : true,
    groupHeaderTpl : 'Department: {department} ({rows.length})',
    } ],
    width : 450,
    height : 275,
    renderTo : Ext.getBody()
    });
    Please tell me where is the problem.

    Genius Thanks in advance,.

  10. #20
    Sencha User
    Join Date
    Jan 2013
    Posts
    6
    Vote Rating
    0
    viral.k.patel is on a distinguished road

      0  

    Default


    Hi,

    Thank for your help.

    Finally displayed multilevel groping with 4.1.

    But i have use 4.2 for locking with filter facility which was not present in 4.1. do u have any solution which is help to get filter facility for locking column?

    If you have then please share with me.

    Genius Thanks in advance.