[UI5 常用控件] 01.Text

文章目录

  • 前言
  • 1. 普通文本
  • 2. 长文本:
  • 3. 设置最大显示行数 ( maxLines='3' )
  • 4. 单行显示 ( wrapping='false' )
  • 5. 显示空白符 ( renderWhitespace='true' )
  • 6. 使用 - 连接单词:只适用于英文 ( wrappingType='Hyphenated' )
  • 7. 空白时使用 - 代替 ( emptyIndicatorMode='On' )
  • 8. JSON数据绑定 - 静态
  • 9. JSON数据绑定 - 动态
  • 10. 动态添加Text
  • 11. 获取Text的值


前言

Text是UI5中最常用的控件之一。 记录Text常用的功能。
控件路径是sap.m.Text


1. 普通文本

	<Text text="这是一段普通的Text" />

在这里插入图片描述

2. 长文本:

	<Texttext="SAPUI5是一款用于构建企业级Web应用程序的JavaScript框架。其提供丰富的UI控件和强大的数据绑定功能,支持模块化开发和灵活的主题定制。通过使用MVC(Model-View-Controller)模式,开发者能够更轻松地组织和管理代码。UI5还与后端服务无缝集成,提供了一体化的开发体验。无论是在桌面还是移动设备上,SAPUI5都能够提供一致且响应式的用户界面,为企业应用程序的开发提供了便利和效率。"/>

在这里插入图片描述

3. 设置最大显示行数 ( maxLines=‘3’ )

	<TextmaxLines="3"text="SAPUI5是一款用于构建企业级Web应用程序的JavaScript框架。其提供丰富的UI控件和强大的数据绑定功能,支持模块化开发和灵活的主题定制。通过使用MVC(Model-View-Controller)模式,开发者能够更轻松地组织和管理代码。UI5还与后端服务无缝集成,提供了一体化的开发体验。无论是在桌面还是移动设备上,SAPUI5都能够提供一致且响应式的用户界面,为企业应用程序的开发提供了便利和效率。"/>

在这里插入图片描述

4. 单行显示 ( wrapping=‘false’ )

	<Textwrapping="false"text="SAPUI5是一款用于构建企业级Web应用程序的JavaScript框架。其提供丰富的UI控件和强大的数据绑定功能,支持模块化开发和灵活的主题定制。通过使用MVC(Model-View-Controller)模式,开发者能够更轻松地组织和管理代码。UI5还与后端服务无缝集成,提供了一体化的开发体验。无论是在桌面还是移动设备上,SAPUI5都能够提供一致且响应式的用户界面,为企业应用程序的开发提供了便利和效率。"/>

在这里插入图片描述

5. 显示空白符 ( renderWhitespace=‘true’ )

	<TextrenderWhitespace="true"text="SAPUI5是         一款用于构建企业级Web应用程序的JavaScript框架。其提供丰富的UI控件和强大的数据绑定功能,支持模块化开发和灵活的主题定制。通过使用MVC(Model-View-Controller)模式,开发者能够更轻松地组织和管理代码。UI5还与后端服务无缝集成,提供了一体化的开发体验。无论是在桌面还是移动设备上,SAPUI5都能够提供一致且响应式的用户界面,为企业应用程序的开发提供了便利和效率。"/>

6. 使用 - 连接单词:只适用于英文 ( wrappingType=‘Hyphenated’ )

	<TextwrappingType="Hyphenated"text="An aggregation is a special relation between two UI element types. It is used to define the parent-child relationship within the tree structure. The parent end of the aggregation has cardinality 0..1, while the child end may have 0..1 or 0..*. The element's API offers convenient and consistent methods to deal with aggregations (e.g. to get, set, or remove target elements). Examples are table rows and cells, or the content of a table cell."/>

7. 空白时使用 - 代替 ( emptyIndicatorMode=‘On’ )

	<TextemptyIndicatorMode="On"text=""/>

8. JSON数据绑定 - 静态

  • Controller
	 var json = {"name": "Hello","st":{"city":"Beijing"}}var jsonalias = {"name2": "World","st2":{"city2":"Shanghai"}}this.getView().setModel(new JSONModel(json))this.getView().setModel(new JSONModel(jsonalias),"aliasName")
  • View

普通绑定:

	<Text text="{/name}" />

别名绑定:

	<Text text="{aliasName>/name2}" />

binding绑定:

	<Textbinding="{/st}"text="{city}"/>

别名binding绑定:

	<Textbinding="{aliasName>/st2}"text="{aliasName>city2}"/>

9. JSON数据绑定 - 动态

  • bindText
	this.byId("text1").bindText('/name')
  • bindText with alias
	this.byId("text2").bindText('aliasName>/name2')
  • bindProperty
	this.byId("text3").bindProperty('text','/name')	
  • bindElement
	this.byId("text4").bindElement("aliasName>/st2")this.byId("text4").bindText('aliasName>city2')
  • setText
	this.byId("text5").setText('我是setText绑定的文本')

10. 动态添加Text

	// 获取Panel控件的引用var panel = this.getView().byId("panel010");// 创建Text控件var text = new sap.m.Text({text: "动态添加的文本"});// 将Text控件添加到Panel控件中panel.addContent(text);

11. 获取Text的值

  • getText
this.byId("text999").getText()

在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/644391.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

行内样式css不生效

场景&#xff1a; 别人的代码里有样式是写在行内的&#xff0c;且设置了display:block&#xff1b;没有生效&#xff0c;也没有被覆盖样式&#xff0c;很奇怪。 <span style"width:90px;display:block;">很多字&#xff0c;style也很长&#xff0c;中间换行了…

2024年需要重点关注的15种计算机病毒

2024年&#xff0c;计算机病毒威胁变得愈发多元化和复杂化。涉及勒索病毒、二维码病毒、挖矿木马等15种类型&#xff0c;这些病毒从数据勒索到系统入侵&#xff0c;对全球网络安全构成严峻挑战。 2024年&#xff0c;计算机病毒威胁变得愈发多元化和复杂化。涉及勒索病毒、二维码…

【网络安全】常见的网络威胁有哪些?

随着互联网的快速发展&#xff0c;网络安全问题日益凸显。常见的网络威胁包括病毒、木马、恶意软件等。这些威胁不仅会影响计算机的安全运行&#xff0c;还会窃取用户的个人信息&#xff0c;造成巨大的损失。因此&#xff0c;我们需要采取一些措施来保护自己的网络安全。 常见的…

ardupilot 方向余弦矩阵/旋转矩阵的理解

目录 文章目录 目录摘要1.序言2.方向余弦矩阵2.1 方向余弦矩阵定义2.2 方向余弦矩阵的特点2.3 方向余弦矩阵微分方程2.4 方向余弦矩阵微分方程求解摘要 本节主要记录自己对ardupilot中用到的方向余弦矩阵/旋转矩阵的理解,欢迎批评指正,有些资料参考网上写的比较好的资料,免…

深入理解Java LinkedList:使用场景与实际应用

深入理解Java LinkedList&#xff1a;使用场景与实际应用 在Java的世界里&#xff0c;集合框架是不可或缺的一部分&#xff0c;它提供了一系列用于存储和操作数据集合的接口和类。其中&#xff0c;LinkedList作为List接口的一个实现&#xff0c;经常被拿来与ArrayList做对比。…

android 图片添加水印

android 图片添加水印 本文主要讲下android 中如何给图片添加水印. 在Android中给图片添加水印可以使用Bitmap、Matrix和Canvas类的方法来实现. private Bitmap addWater() {// 加载原始图片Bitmap sourceBitmap BitmapFactory.decodeResource(getResources(), R.mipmap.sou…

Vue+OpenLayers7:OpenLayers7地图初始化时如何设置默认缩放级别、设置默认地图中心点、最大缩放级别和最小缩放级别以及默认坐标系

返回《Vue+OpenLayers7》专栏目录:Vue+OpenLayers7 本章讲解OpenLayers7地图初始化时如何设置默认缩放级别、设置默认地图中心点、最大缩放级别和最小缩放级别以及默认坐标系等配置。 前言 OpenLayers7地图初始化时如何设置默认缩放级别、初始化时设置默认地图中心点、设置…

启动mitmproxy报错 ImportError: cannot import name ‘url_quote‘ from ‘werkzeug.urls‘

报错截图 ImportError: cannot import name url_quote from werkzeug.urls (d:\soft\python\python38\lib\site-packages\werkzeug\urls.py) 原因是Werkzeug版本不兼容导致 解决方法 pip install Werkzeug2.2.2

大数据学习之Flink算子、了解(Source)源算子(基础篇二)

Source源算子&#xff08;基础篇二&#xff09; 目录 Source源算子&#xff08;基础篇二&#xff09; 二、源算子&#xff08;source&#xff09; 1. 准备工作 2.从集合中读取数据 可以使用代码中的fromCollection()方法直接读取列表 也可以使用代码中的fromElements()方…

北斗短报文DTU 北斗通信DTU无线数传终端

北斗是我国自主建设的卫星导航系统&#xff0c;被广泛应用于全球定位、导航和时间同步等领域。随着物联网的迅猛发展&#xff0c;北斗短报文DTU作为物联网连接的关键技术&#xff0c;成为了各行各业的热门话题。 ** 一、北斗短报文DTU的概念与特点 **   北斗短报文DTU(Data…

sudo 授权问题

sudo 表示 “superuser do”&#xff0c;它允许已验证的用户以其他用户的身份来运行命令。其他用户可以是普通用户或者超级用户。然而&#xff0c;大部分时候我们用它来提权运行命令&#xff0c;以替代直接使用 root 用户的操作。 sudo 命令与安全策略配合使用&#xff0c;安全…

二叉树知识

提示&#xff1a;文章 文章目录 前言一、背景二、 2.1 2.2 总结 前言 前期疑问&#xff1a; 本文目标&#xff1a; 一、背景 二、二叉树初始知识 题目 源于做的一道牛课题 若一颗完全二叉树中某节点无左孩子&#xff0c;则该节点是 A、高度为1的节点 B、高度为2的节点…

Redis持久化和集群架构

目录 Redis持久化 RDB快照&#xff08;snapshot&#xff09; RDB优点 RDB缺点 RDB的触发机制 AOF持久化 AOF文件重写 AOF触发机制 混合模式 Redis主从架构 Redis哨兵高可用架构 Redis Cluster架构 槽位定位算法 跳转重定位 Redis集群节点间的通信机制 Redis持久化…

在 MATLAB 中注释多行

使用 MATLAB 中的注释块注释多行代码 要注释一行或两行代码&#xff0c;我们可以使用%字符来完成。但是&#xff0c;如果我们必须注释多行代码&#xff0c;则此方法将花费大量时间。我们可以使用注释块来注释多行代码&#xff0c;而不是使用%来注释多行代码。写在该块中的任何…

仿真机器人-深度学习CV和激光雷达感知(项目2)day6【数学基础-坐标变换】

文章目录 前言坐标变换的作用旋转与平移二维变换旋转平移推广到三维齐次坐标问题引入定义用法变换矩阵旋转的其他表示方法*前言 💫你好,我是辰chen,本文旨在准备考研复试或就业 💫本文内容是我为复试准备的第二个项目 💫欢迎大家的关注,我的博客主要关注于考研408以及…

【数学建模】综合评价方法

文章目录 综合评价的基本理论和数据预处理综合评价的基本概念综合评价体系的构建综合指标的预处理方法评价指标预处理示例 常用的综合评价数学模型线性加权综合评价模型TOPSIS法灰色关联度分析熵值法秩和比&#xff08;RSR&#xff09;法综合评价示例 综合评价的基本理论和数据…

【学网攻】 第(3)节 -- 交换机配置聚合端口

文章目录 【学网攻】 第(1)节 -- 认识网络【学网攻】 第(2)节 -- 交换机认识及使用 前言 网络已经成为了我们生活中不可或缺的一部分&#xff0c;它连接了世界各地的人们&#xff0c;让信息和资源得以自由流动。随着互联网的发展&#xff0c;我们可以通过网络学习、工作、娱乐…

【Apache PLC4X】工业物联网的通用协议适配器

随着工业物联网的发展&#xff0c;越来越多的设备需要通过网络进行连接和通信。在工业领域&#xff0c;可编程逻辑控制器&#xff08;PLC&#xff09;是一种常见的设备&#xff0c;用于控制和管理工业生产过程。然而&#xff0c;不同的PLC设备可能使用不同的通信协议&#xff0…

精品基于Uniapp+springboot自习室预约系统App教室阅览室

《[含文档PPT源码等]精品基于Uniappspringboot自习室预约系统App》该项目含有源码、文档、PPT、配套开发软件、软件安装教程、项目发布教程、包运行成功&#xff01; 软件开发环境及开发工具&#xff1a; 开发语言&#xff1a;Java 后台框架&#xff1a;springboot、ssm 安…

在寻找潜在客户时,应该考虑哪些关键因素?

自我认知&#xff1a; 1.要知道自己是销售什么产品的&#xff0c;针对哪些客户群体&#xff1f; 2.先从上层筛选有必要购买的客户&#xff0c;再筛选有能力购买的角色&#xff1a;总经理、业务经理、市场经理、区域经理、业务代表等。 销售的主要目标就是挖掘潜在客户转化成合…