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

【问题标题】：Using jquery in xml file in sapui5 fragment在 sapui5 片段的 xml 文件中使用 jquery
【发布时间】：2017-08-30 12:02:15
【问题描述】：

我的应用程序有一个简单的问题，我有一个空白背景的 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);
}

【问题讨论】：

标签： javascript jquery xml view sapui5

【解决方案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");
}

【讨论】：