sapui5-如何从SegmentedButton隐藏一个按钮？

Question

<Toolbar>
    <ToolbarSpacer/>
    <Button id="1" visible="false" />
    <Button id="2" />
    <SegmentedButton>
        <Button id="3" />
        <Button id="4" visible="false"/>
        <Button id="5" />
    </SegmentedButton>
    <ToolbarSpacer/>
</Toolbar>

除按钮1以外的所有按钮均可见。 我如何隐藏按钮4？ 我在控制器中尝试-

this.getView().byId("4").setVisible(false);

但按钮仍然可见。

sap.ui.version-1.24.2

Answer 1

请清除浏览器缓存。 在chrome中，输入“ chrome：// chrome / settings / clearBrowserData”作为网址。 或在隐身标签中打开您的应用程序：使用ctrl + shift + n在chrome中打开隐身标签。

这不是您的代码中的错误。

<Toolbar>
    <ToolbarSpacer/>
    <Button id="1" visible="false" />
    <Button id="2" />
    <SegmentedButton>
        <Button id="3" />
        <Button id="4" visible="false"/>
        <Button id="5" />
    </SegmentedButton>
    <ToolbarSpacer/>
</Toolbar>

请参见此示例，其中代码可以正常运行： example

编辑：至少将sapui5版本的bug降至1.28.9

Answer 2

我让它像这样工作：

this.byId('4').addStyleClass('hideBtn');

CSS：

    .hideBtn{
        display:none;
    }

我不认为SAPUI5支持1.24。

---

更新：请参见： https : //sapui5.hana.ondemand.com/#versionoverview.html

Answer 3

好的，我在控制器中执行此操作：

onInit: function() {
    this.bus = sap.ui.getCore().getEventBus();
    // Event with app settings
    this.bus.subscribe('Hello', 'show', this.check4visble, this);
},

onAfterRendering: function(){
    this.getView().byId('4').addStyleClass('hideBtn');
},
check4visble: function(channelId, eventId, data){
    if(data.is4visible){
        this.getView().byId('4').addStyleClass('hideBtn');
    }else{
        this.getView().byId('4').removeStyleClass('hideBtn');
    }
},

感谢@ n01dea关于错误的解释

感谢@Rahul对类的想法，您忘记了链中的.getView() ，请小心）