很明显,对于客户应用程序,标准Fiori控件有时不能提供所需的特性和预期的外观。自定义CSS类在一定程度上有帮助,但是当涉及到"添加额外的特性"时,例如,引入新的属性或事件,我们完全依赖于自定义控件。为了使这些自定义控件在不同的应用程序之间可重用,最好将它们保存在库应用程序(如ABAP实用程序类)中,并在必要时使用它们,从而获得更好的可重用性,我将提供必要的步骤来创建一个自定义库,大数据对比,云 服务器,其中一个自定义控件将被另一个应用程序使用应用程序:-
在图书馆应用程序中创建一个简单的文件夹结构。我在WebIde中创建了以下文件夹结构的应用程序。
SAPUI5库是一种不同类型的应用程序,没有任何组件.js. 在UI5应用程序的描述符中,我们需要首先定义类型。类型应该是"library"。
我的库的名称空间是"mylib.custom.control控件"
我的清单文件看起来像这是:-
{
"\U版本":"1.1.0",人工智能本科,
"sap应用程序":{
"版本":"1.2.0",
"id":"mylib.custom.control控件",
"type":"library",
"embeddes":[],
"i18n":"messagebundle.properties属性",
"applicationVersion":{
"version":"1.1.0"
},
"title":"{{title}",
"description":"{{description}",
"ach":"CA-HOME",
"resources":资源.json",
"离线":假
},
"sap.ui文件":{
"\u version":"1.1.0",大数据如何处理,
"technology":"UI5",
"deviceTypes":{
"desktop":true,
"tablet":true,
"phone":false
},
"supportedThemes":[]
},
"sap.ui5版本":{
"版本":"1.1.0",
"依赖":{
"minUI5Version":"1.40",
"libs":{
"sap.ui.core":{
"minVersion":"1.40.3"
}
}
},
"contentdensitions":{
"cozy":false,
"compact":false
}
}
}
现在在库文件中注册control部分下的自定义控件。我把图书馆的档案保存得尽可能简单。此外,淘客返利app,库名称空间与清单中的名称空间相同,即"mylib.custom.control控件"
在本节中注册的控件应使用完整路径(如costomcontrol元数据文件(在下一步中突出显示):-
。。
现在,我创建了一个自定义控件,它有一个渲染器文件。元数据和渲染器文件都放在"control"文件夹中。
部署应用程序是HCP或ABAP UI5存储库。
成功部署后部署:-
到目前为止,我们已经完成了自定义库的创建。在接下来的步骤中,我们将创建使用自定义库的消费者应用程序。
创建消费者应用程序应用程序:-
从模板创建一个简单的APUi5应用程序。我使用了"SAPUi5应用程序模板"。
新建->项目来自模板->SAPUi5应用程序
我的应用程序看起来像下图:-
近地天体-应用程序.json描述符我们需要提供库的资源路径。
在这个文件的末尾,我为库添加了另一个节点,如下所示。
库的名称将是部署的库的名称(您在部署期间给出的名称)路径将是库的应用程序命名空间,后跟资源文件夹。检查路由的第一个节点以获取资源路径。在我的例子中,它是"/resources"在第一个route节点中。
现在在视图中,我将使用自定义控件。我的观点如下。这里我使用了我的库的自定义控件。
现在在HCP或ABAPUI5存储库中部署应用程序。库和消费者必须在同一个堆栈中。
一旦部署运行消费者应用程序。来自自定义库的控件已被消费者应用程序成功消费…