Cant tap list items in sencha

Question

I have added two buttons to my container and now tap on list items not working.Please help.

Code

Ext.define('X.SelectCategories', {
extend: 'Ext.Container',
xtype: 'selectcategorypanel',
id: 'SelectCategories',
requires:[

],

initialize:function(){
   this.callParent();

    jsonObject = Ext.create('Tablet').make_webservice_call('get_categories');

    Ext.getCmp('select_category_list').setData(jsonObject.info);
    console.log(jsonObject.info);
    //this.getNavigationBar.hide();

},



config: {
    //title : 'Select Categories',
    //iconCls: 'team',
    //styleHtmlContent: true,
   // scrollable: true,
    layout: {
        type: 'fit'
    },
    items: [

        {
            //fullscreen: true,
            mode: 'MULTI',
            /*
            layout: {
                type: 'fit'
            },
            */
            //title:'Select Categories',
            xtype: 'list',
            itemTpl: '{name}',
            autoLoad: true,
            id:'select_category_list',
            store: {
                fields: ['name','title']

            }

        },

        {
            xtype: 'container',
            //fullscreen: true,
            layout: {
                type: 'vbox'
            },
            flex : 1,
            layout: {
                type : 'hbox',
                align: 'bottom'
            },
            defaults: {
                xtype : 'button',
                flex  : 1,
                margin: 10
            },

            items: [
                {ui: 'round',ui:"confirm" ,text: 'Save',id: 'categorysaveButton'},
                {ui: 'round', ui:"decline" ,text: 'Reset',id: 'categoryresetButton'}
            ]

        }

    ]


}

})

Answer 1

Try extend Navigationview extend: 'Ext.navigation.View',