Hide searchfield in detailCard
I did a search on the elements of the list, but the problem is that the search field is displayed on a detailed card of the list item.I need to hide  search field in detailed card.
I tried to hide it in controller:

    showDetail: function(list, record) {
        this.getMain().push({
            xtype: 'recipedetail',
            title: record.fullName(),
            data: record.data
        }),
         this.getMain().getNavigationBar.hide({   
        xtype: 'searchfield',
        itemId:'contact_search'     
        
          })
            }
And tried to hide it in detail card:

    config: {
       ...,
       items: [{
        xtype: 'searchfield',
        itemId:'contact_search',
        hidden: true
        }] 
    }
But searchfield still displayed. Errors in code or in the direction of my thoughts?
http://www.senchafiddle.com/#4hKD8#uZlr7#JywGI#3D6PK#DOaF9#oVfK0#jdzF3
Hide searchfield in detailCard
===

I did a search on the elements of the list, but the problem is that the search field is displayed on a detailed card of the list item.I need to hide  search field in detailed card.
I tried to hide it in controller:

    showDetail: function(list, record) {
        this.getMain().push({
            xtype: 'recipedetail',
            title: record.fullName(),
            data: record.data
        }),
         this.getMain().getNavigationBar.hide({   
        xtype: 'searchfield',
        itemId:'contact_search'     
        
          })
            }
And tried to hide it in detail card:

    config: {
       ...,
       items: [{
        xtype: 'searchfield',
        itemId:'contact_search',
        hidden: true
        }] 
    }
But searchfield still displayed. Errors in code or in the direction of my thoughts?
http://www.senchafiddle.com/#4hKD8#uZlr7#JywGI#3D6PK#DOaF9#oVfK0#jdzF3