extjs - ExtJS ビューで機能を宣言する適切な場所はどこですか

Question

ExtJS 4.1 を使用しています。MVC 機能を使用しています。View ですべてのコントロールを定義し、イベント処理のために Controller で応答します。グリッドに機能を追加したい。機能を定義できる場所がわかりません。 ビューで機能を定義することは可能ですか?

この場合、機能ごとにグループ化機能を意味します

Ext.define('PA.view.OptionsView', {
    extend: 'Ext.panel.Panel',
    alias: 'widget.optionsview',
    id: 'option-panel',
    title: 'Options',
    // feature: --- Where can i define the feature in order to use it
items: [{


        xtype: 'grid',
        id: 'columnGrid',
        flex: 1,
        hideHeaders: true,
        store: 'myStore',
        columns: [
            {
                header: 'Columns',

                sortable: false,
                dataIndex: 'DisplayName'
            },
            {
                header: 'Column2',

                sortable: false,
                dataIndex: 'DisplayName2'
            }
        ]
}]

});

次のようにグループ機能を定義すると:

features: [{
    ftype: 'grouping',
    groupHeaderTpl: '{columnName}: {name} ({rows.length} Item{[values.rows.length > 1 ? "s" : ""]})',
    hideGroupedHeader: true,
    startCollapsed: true,
    id: 'restaurantGrouping'
}],

次に、下の画像に示すように、これらのプロパティ/メソッドが利用できないため、グループを有効/無効にすることができません:

次のように機能を定義すると:

var groupingFeatureColumn = Ext.create('Ext.grid.feature.Grouping', {

    groupHeaderTpl: '{name} ({rows.length} Item{[values.rows.length > 1 ? "s" : ""]})',
    hideGroupedHeader: true,
    startCollapsed: false,
    id: 'measureGrouping-column'
});

次に、以下に示すように、これらのプロパティが利用可能であるため、機能を無効にすることができます