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
    }] 
}

但仍然显示了搜索字段。代码中的错误或我的想法？ http://www.senchafiddle.com/#4hKD8#uZlr7#JywGI#3D6PK#DOaF9#oVfK0#jdzF3

Answer 1

您的代码中存在很多错误，无法隐藏搜索栏。

你在getNavigationbar功能
hide函数将动画或布尔值作为参数，而不是要隐藏的组件
你忘记了分号

现在，要隐藏搜索字段，首先在控制器的配置中添加对此搜索字段的引用：

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

现在，您可以使用searchfield访问this.getSearchfield()组件，因此您只需执行以下操作：

this.getSearchfield().hide();

希望这有帮助

隐藏详细卡片中的搜索字段

1 个答案: