隱藏searchfield的詳細信息卡

Question

我在列表中的元素上進行了搜索，但問題在於搜索字段顯示在列表項的詳細卡片上。我需要隱藏詳細卡片中的搜索字段。 我試圖把它藏在控制器：

showDetail: function(list, record) { 
    this.getMain().push({ 
     xtype: 'recipedetail', 
     title: record.fullName(), 
     data: record.data 
    }), 
    this.getMain().getNavigationBar.hide({ 
    xtype: 'searchfield', 
    itemId:'contact_search'  

     }) 
     } 

並試圖把它藏在細節卡：

config: { 
    ..., 
    items: [{ 
    xtype: 'searchfield', 
    itemId:'contact_search', 
    hidden: true 
    }] 
} 

但searchfield仍然顯示。代碼錯誤或者我的思想方向錯誤？ http://www.senchafiddle.com/#4hKD8#uZlr7#JywGI#3D6PK#DOaF9#oVfK0#jdzF3

Answer 1

您的代碼中存在相當多的錯誤來隱藏搜索欄。

• 您的（）在getNavigationbar功能
• 的隱藏功能需要一個動畫或一個布爾值作爲參數，而不是組件你想隱藏
• 你忘了分號

現在，隱藏searchfield，第一個引用到這個searchfield在控制器的配置：

config: { 
    refs: { 
     main: 'mainpanel', 
     searchfield: 'mainpanel searchfield' 
    }, 
    ... 

現在你可以用this.getSearchfield()訪問searchfield組件，所以你只需要做：

this.getSearchfield().hide(); 

希望這有助於