PDA

View Full Version : Create (grouped) property grid similar to XDS designer



lorezyra
4 Sep 2011, 8:13 PM
How does one create a property.grid using groups? Is it the same as with a regular grid? I like the way the components in the Designer show properties of a component and that each group is collapsible.

skirtle
5 Sep 2011, 5:53 PM
It does seem to work but I couldn't find a nice way to specify the values for the group field:


var grid = Ext.create('Ext.grid.property.Grid', {
features: [{ftype: 'grouping'}],
renderTo: Ext.getBody(),
title: 'Properties Grid',
width: 300,
source: {
apple: 'Green',
Banana: 'Yellow',
Artichoke: false,
beetroot: 7,
Cherry: new Date()
}
});

grid.getStore().each(function(record) {
record.set('initial', record.get('name').slice(0, 1).toUpperCase());
});

grid.getStore().group('initial');