Добавление нового свойства в столбец Ext JS Grid

Question

Могу ли я добавить новое уникальное свойство в gridcolumn в Ext JS? Я хочу использовать это свойство в другом месте

{
    xtype: 'gridcolumn',
    dataIndex: 'startupPercent',
    sortable: true,
    'property': 'value', // so that i can access it later
    text: 'StartUp%'
}

Answer 1

Могу ли я добавить новое уникальное свойство в gridcolumn

Да, вы можете использовать эту собственность в другом месте.

В этом FIDDLE я создал демо-версию, предоставил пользовательскую конфигурацию и получил щелчок заголовка. Я надеюсь, что это поможет / поможет вам выполнить ваши требования.

КОД SNIPPET

Ext.application({
    name: 'Fiddle',

    launch: function () {
        Ext.create('Ext.grid.Panel', {
            title: 'Demo',
            store: {
                data: [{
                    name: 'Lisa',
                    email: 'lisa@simpsons.com',
                    phone: '555-111-1224'
                }, {
                    name: 'Bart',
                    email: 'bart@simpsons.com',
                    phone: '555-222-1234'
                }, {
                    name: 'Homer',
                    email: 'homer@simpsons.com',
                    phone: '555-222-1244'
                }, {
                    name: 'Marge',
                    email: 'marge@simpsons.com',
                    phone: '555-222-1254'
                }]
            },
            columns: [{
                text: 'Name',
                dataIndex: 'name',
                isName: true
            }, {
                text: 'Email',
                dataIndex: 'email',
                flex: 1
            }, {
                text: 'Phone',
                dataIndex: 'phone'
            }],
            height: 200,
            renderTo: Ext.getBody(),
            listeners: {
                headerclick: function (ct, column, e, t, eOpts) {
                    if (column.isName) {
                        console.log(column.isName);
                    }
                }
            }
        });
    }
});