点击此处--->   群内免费提供SAP练习系统（在群公告中）

加入QQ群：457200227（SAP S4 HANA技术交流） 群内免费提供SAP练习系统（在群公告中）

大家好，

我尝试在开发的模板中创建"自定义向导"步骤，但是我在使用本文档时遇到了麻烦。 https：//sdk-sapwebide.dispatcher .hana.ondemand.com/index.html#/topic/3077337abe2c42b885af557d3ddbedba

我找不到文档，这确实对我有所帮助。 所以我希望这里的任何人都可以帮助我解决我的问题。

这是我的plugin.json中的代码段。

"需要"：{
         "服务"： [
             "模板"，
             " templateCustomizationStep"，
             " customstep"，
             "向导"
         ]
     }，
     "提供"：{
         "服务"： {
         " customstep"：{
         " implements"：" sap.watt.common.service.ui.WizardStep"，
         "模块"："控件/自定义步骤"
         }
         }，
         "接口"：{}
     }，
     "配置"：{
         "服务"： {
             " template：templates"：[
                 {
                     " id"：" abatWizardTemplate.sapui5withwizardconfiguration"，
                     " template"：" abat_wizard_template_plugin/sapui5withwizardconfiguration/sapui5withwizardconfiguration"，
                     " name"：" {i18n> Config_template_sapui5withwizardconfiguration_name}"，
                     " description"：" {i18n> Config_template_sapui5withwizardconfiguration_desc}"，
                     " path"：" abat_wizard_template_plugin/sapui5withwizardconfiguration"，
                     " icon"：" sap-icon：//detail-view"，
                     " internalOnly"：否，
                     " category"：" abattemplates"，
                     " wizardSteps"：[
                         " templateCustomizationStep"，
                         " customstep"
                        
                     ]，
 

我的customstep.js

这是我真正需要帮助的地方。

 jQuery.sap.declare（" wizard_template_plugin.control.customstep"）;
 jQuery.sap.require（" sap.watt.ideplatform.plugin.template.ui.wizard.WizardStepContent"）;


 sap.watt.ideplatform.plugin.template.ui.wizard.WizardStepContent.extend（" wizard_template_plugin.control.customstep"，
 {
//定义SAPUI5控件的元数据
 元数据：{
 属性：{

 }
 }，


 初始化：function（）{


//在此处创建您的UI。

 }，


 setFocusOnFirstItem：function（）{

//为第一个UI元素调用focus（）方法。
 this.serviceUrlTextField.focus（）;
 }，


 validateStepContent：function（）{

//返回一个Q-promise，如果步骤满足
//当前处于有效状态，否则无效。
 }，

 cleanStep：function（）{

//1.清除添加到this.getModel（）。getData（）的属性。
//2.清理控件的私有成员。
//3.清理由此控件创建的UI控件
//当前未显示。
//当前显示的内容在被向导破坏之前
//此步骤再次显示。
 }，


 渲染器：{}，


//如果您需要在此处实现一些逻辑，请覆盖此SAPUI5控制方法
 onAfterRendering：function（）{

 }，

//如果您需要在此处实现一些逻辑，请覆盖此SAPUI5控制方法
 onBeforeRendering：function（）{

//确保首先在
//WizardStepContent基类
 如果（sap.watt.ideplatform.plugin.template.ui.wizard.WizardStepContent.prototype.onBeforeRendering）{
 sap.watt.ideplatform.plugin.template.ui.wizard.WizardStepContent.prototype。
 onBeforeRendering.apply（this，arguments）;
 }

//在这里实现您的逻辑
 }


 }）;


 

这是我的应用程序结构，因为我不确定是否一切就绪。

我很感激任何可以帮助我的答案，即使只是一点点。 我绝对是UI5的初学者，所以在此先感谢您的帮助。

致谢。

克里斯