MultiGrouping Grid and Summary

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

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

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];

I also am nedding something like this for ext 4.2

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?:s

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

Genius Thanks in advance

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.

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

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,.

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.