javascript - 向 Ext JS Grid 列添加新属性

Question

我可以在 Ext JS 中向 gridcolumn 添加新的唯一属性吗？我想在其他地方使用该属性

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

Answer 1

Can I add a new unique property to gridcolumn

是的，您可以，并且您可以在其他地方使用该属性(property)。

在此FIDDLE ，我创建了一个演示，提供自定义配置并单击标题。我希望这将帮助/指导您实现您的要求。

代码片段

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);
                    }
                }
            }
        });
    }
});