正文 

当前位置： 首页 > 问答 >

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

     2023-02-27     278

关键词：

【中文标题】在 sapui5 片段的 xml 文件中使用 jquery【英文标题】：Using jquery in xml file in sapui5 fragment 【发布时间】：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"   press="onReservePress"/>
            </content>
        </Page>

我的控制器：

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

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

css 文件：

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

【问题讨论】：

【参考方案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 视图中的过滤数据

】SAPUI5列表绑定与XML视图中的过滤数据【英文标题】：SAPUI5ListbindingwithfiltereddatainXMLview【发布时间】：2016-12-2513:35:40【问题描述】：希望你一切顺利目前我正在尝试在控制器的oninit事件中将过滤后的数据绑定到xml视图中的列表控... 查看详情

在 JavaScript/SAPUI5 中读取 Excel (xlsx) 文件数据时出现问题

】在JavaScript/SAPUI5中读取Excel(xlsx)文件数据时出现问题【英文标题】：IssueinReadingExcel(xlsx)FileDatainJavaScript/SAPUI5【发布时间】：2020-04-0621:24:41【问题描述】：我正在尝试使用FileReaderapi在我的SAPUI5应用程序中读取.xlsx文件。我用来上... 查看详情

sapui5表格clicktoselect文本的来源

...文本来源：sap/ui/table下的messagebundle_en_US.properties文件内。SAPUI5是一款用于开发企业级Web应用程序的框架，messagebundle_en_US.properties是SAPUI5中用于国际化的资源文件之一。messagebundle_en_US.properties文件中包含了SAPUI5应用程序中用到的所... 查看详情

SAPUI5 将数组行索引绑定到 xml 视图中的数组行数据

】SAPUI5将数组行索引绑定到xml视图中的数组行数据【英文标题】：SAPUI5bindarrayrowindextoarrayrowdatainxmlview【发布时间】：2017-05-2215:48:07【问题描述】：我有两个数组：一个包含我的数据：数组名称是arrayData一个包含我的数据数组索... 查看详情

SAPUI5 如何在语义详细视图中插入片段或 xmlview

】SAPUI5如何在语义详细视图中插入片段或xmlview【英文标题】：SAPUI5Howtoinsertfragmentorxmlviewinsideasemanticdetailview【发布时间】：2017-11-1503:15:24【问题描述】：我搜索了这个问题的答案，但我发现的每个解决方案都不起作用，所以我开... 查看详情

如何在sapui5应用里添加使用摄像头拍照的功能

...头拍照的web应用。而我同事遇到的实际情况是，需要使用SAPUI5这个前端框架来开发web应用。在有了前一篇文章的知识储备后，在SAPUI5里完成这个功能，可以采取同样的思路。我们先回忆前一篇文章里提到的技术实现的要点：(1)在... 查看详情

sapui5本地开发如何实现xml和javascript代码的自动完成和嵌入式api文档自动显示(代码片段)

...里元素名称的自动提示和自动完成sap.ui.define里导入其他SAPUI5库模块的自动完成XML控件id的自动补全功能manifest.json文件的自动补全Ctrl+鼠标左键直接跳转到自定义方法的实现源代码去XML视图控件的事件处理函数的自动导航功能自动... 查看详情

SAPUI5 XML 视图文本不可见

】SAPUI5XML视图文本不可见【英文标题】：SAPUI5XMLViewtextnotvisible【发布时间】：2015-04-1612:21:59【问题描述】：我是SAPUI5的新手，在显示模型内容时遇到问题。例如，我正在使用以下JSON设置模型：vara=newsap.ui.model.json.JSONModel(name:\'test... 查看详情

sapui5里flexbox控件使用的一个例子(代码片段)

SAPUI5中的sap.ui.layout.VerticalLayout是一个布局控件，用于垂直排列其他控件。它允许您将控件放置在单独的行中，以便在纵向方向上排列它们。以下是使用sap.ui.layout.VerticalLayout控件的说明：创建sap.ui.layout.VerticalLayout控件您可以使用... 查看详情

SAPUI5 在 JSON 模型 2 中使用来自 JSON 模型 1 的值

】SAPUI5在JSON模型2中使用来自JSON模型1的值【英文标题】：SAPUI5usevaluefromJSONModel1inJSONModel2【发布时间】：2021-03-1809:09:28【问题描述】：我可以在第二个JSON模型中使用/绑定来自第一个JSON模型的值吗？在下面的示例中，第二个模型(... 查看详情

SAPUI5：xml 视图中 html 标记中的 i18n 属性内容

】SAPUI5：xml视图中html标记中的i18n属性内容【英文标题】：SAPUI5:i18npropertycontentinhtmltagswithinxmlviews【发布时间】：2015-03-1913:53:51【问题描述】：如何在xml视图中的html标记中包含i18n属性内容，即xml视图中的“普通”文本标记如下所... 查看详情

xml自定义列表复选框广播项目sapui5(代码片段)

查看详情

使用 SAPUI5 和 HandsOnTable 进行无限滚动

】使用SAPUI5和HandsOnTable进行无限滚动【英文标题】：InfiniteScrollwithSAPUI5andHandsOnTable【发布时间】：2015-06-0301:20:55【问题描述】：我正在尝试实现无限滚动，即在使用HandsOnTable插件呈现的表中按需加载数据。该表是使用SAPUI5设计的... 查看详情

在python中使用xml模式进行验证(代码片段)

我在另一个文件中有一个XML文件和一个XML模式，我想验证我的XML文件是否符合模式。我如何在Python中执行此操作？我更喜欢使用标准库的东西，但如果需要，我可以安装第三方软件包。答案我假设你的意思是使用XSD文件。令人惊... 查看详情

从 xml 视图 SAPUI5 复制列表项

】从xml视图SAPUI5复制列表项【英文标题】：CopylistitemfromxmlviewSAPUI5【发布时间】：2019-01-2205:01:27【问题描述】：有一个简单的问题，来自控制器，我想复制定义为xml片段的列表项模板。到目前为止，我已经设法复制模板只复制一... 查看详情

SAPUI5 何时将初始过滤器绑定到控件

】SAPUI5何时将初始过滤器绑定到控件【英文标题】：SAPUI5whentobindaninitialfiltertoacontrol【发布时间】：2017-05-1019:04:41【问题描述】：我希望将xml视图的控制器中的过滤器动态绑定到视图中的控件。我知道该怎么做，但我一开始没有... 查看详情

xml基本知识介绍

  无论是在SenchaTouch还是SAPUI5，都用到了XML这种语言。在SenchaTouch中，它和JSON一样被用来做数据传输；在SAPUI5中，它被用来当做视图模板。接下来我们来深入学习一下XML语言。  网上对XML的概述解释是：XML是可扩展... 查看详情

html5开发移动web应用——sapui5篇

...是基于显示的，现在我们来格式化一下，引入更多的SAPUI5组件概念。这使得APP的一个界面更有层次性，更像是一个手机应用的界面，并且更好地使用SAPUI5中提供的功能。每个不同的层次都有不同的功能。首先修改App.view.xml文... 查看详情