使用Cloud application Studio在C4C UI里创建下拉列表(dropdown list)

简介:

在Cloud Application Studio里新建一个Code List Data Type:

维护Value和描述信息,以及在ABSL里使用的constant值。

保存之后,上述维护的信息会存储到一个名为.codelist 的文件里。激活之后,这个新建的数据类型就可以用于定义extension field(扩展字段)的类型了。

在下图,我定义了一个新的extension field,类型为前一步创建的code list:

将这个扩展字段暴露到UI上:

最后运行时外观如下:

本文来自云栖社区合作伙伴“汪子熙”,了解相关信息可以关注微信公众号"汪子熙"。

相关文章
|
1月前
element UI实现输入建议下拉列表 —— el-select filterable可筛选的下拉列表 or 带输入建议的输入框 el-autocomplete ?
element UI实现输入建议下拉列表 —— el-select filterable可筛选的下拉列表 or 带输入建议的输入框 el-autocomplete ?
43 0
|
3月前
|
JavaScript 数据库
vue使用element ui实现下拉列表分页的功能!!!
vue使用element ui实现下拉列表分页的功能!!!
|
3月前
|
开发框架 JSON 开发者
SAP Fiori Tools 的 Application Information 视图里的 Min UI5 Version
SAP Fiori Tools 的 Application Information 视图里的 Min UI5 Version
|
8月前
|
XML JavaScript 小程序
element-ui下拉菜单组件Dropdown
<div id='app' style="margin:50px;"> <!-- 鼠标滑过显示下拉列表 这里设置了触发的方式,注意触发方式不能使用’:’绑定,以及绑定了触发选项时的方法 --> <el-dropdown trigger="hover" @command="handleCommand" > <span class="el-dropdown-link el-input__inner" style="display:block;width:200px;"> <!-- 没有选项的时候,默认显示的
153 0
|
10月前
|
自然语言处理 JavaScript 前端开发
使用 SAP Business Application Studio 在浏览器环境里开发 SAP UI5 应用试读版
使用 SAP Business Application Studio 在浏览器环境里开发 SAP UI5 应用试读版
|
10月前
|
自然语言处理 测试技术 API
关于 SAP Commerce Cloud UI 的混合部署模式
关于 SAP Commerce Cloud UI 的混合部署模式
|
10月前
|
存储 缓存 安全
什么是 SAP UI5 Application Index
什么是 SAP UI5 Application Index
|
10月前
|
JSON JavaScript 前端开发
用 SAP UI5 Select 控件(下拉列表),来驱动表格控件(Table)刷新的一个实战例子试读版
用 SAP UI5 Select 控件(下拉列表),来驱动表格控件(Table)刷新的一个实战例子试读版
|
10月前
|
移动开发 网络架构 HTML5
如何在 SAP Business Application Studio 里创建 SAP UI5 应用并部署到 BTP 平台上
如何在 SAP Business Application Studio 里创建 SAP UI5 应用并部署到 BTP 平台上
|
10月前
SAP Commerce Cloud Spartacus UI footer 区域的设计模型
SAP Commerce Cloud Spartacus UI footer 区域的设计模型