Question

我的应用程序有一个简单的问题，我有空白背景的Image属性，如果我点击它应该添加类到我的属性我的控制器在view.xml文档中没有看到属性的类/ id。有没有办法与他们沟通？

在我的视图片段中：

<Page showHeader="false">
            <content>
                <tnt:ToolHeader>
                    <Button icon="sap-icon://nav-back" press="onNavBack" />
                </tnt:ToolHeader>
                <Image id="imageOffice" class="officeImage" width="19.8%" height="26.3%" press="onReservePress"/>
            </content>
        </Page>

我的控制器：

onReservePress: function() {
        console.log("Working"); //its ok

        $("#imageOffice").addClass("greenImage"); //its not
    }

css文件：

.greenImage {
background-color: rgb(174, 243, 231);
}

Answer 1

您可以使用本机功能访问您的元素

onReservePress: function() {
    console.log("Working"); //its ok

    this.getView().byId('imageOffice').addStyleClass("greenImage");
}

这仍然会使用jquery :) 我认为你可以通过使用事件源来优化它（并防止ID使用）：

onReservePress: function(oEvent) {
    console.log("Working"); //its ok

    oEvent.getSource().addStyleClass("greenImage");
}

在sapui5片段中的xml文件中使用jquery

1 个答案: