有关自定义向导步骤的模板的帮助

2020-09-19 16:50发布

         点击此处--->   EasySAP.com群内免费提供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的初学者,所以在此先感谢您的帮助。

致谢。

克里斯

(16.2 kB)

         点击此处--->   EasySAP.com群内免费提供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的初学者,所以在此先感谢您的帮助。

致谢。

克里斯

(16.2 kB)
付费偷看设置
发送
3条回答
大道至简
1楼-- · 2020-09-19 17:05

要了解SAPUI5,请通过演练

对于向导布局,请查看 m.Wizard 控制

您还可以创建自己的自定义控件,该自定义控件可以在 向导容器。

wang628962
2楼-- · 2020-09-19 17:01

重新制作项目后,尝试使用模板构建新项目时出现以下错误。 您能提供协助吗?


最诚挚的问候

追夢秋陽
3楼-- · 2020-09-19 17:14

很抱歉收到垃圾邮件,但我还是很满意。

现在,当我尝试以调试模式创建新模板时,出现以下错误:

oContext.service [sStepName] .getContent不是函数。

这是我的myCustomStep.js。

定义({


 getContent:function(){
 jQuery.sap.require(" abat_wizard_template_plugin.control.customstep");
 var oMyStepContent = new abat_wizard_template_plugin.control.customstep({
 上下文:this.context
 });


 var sTitle = this.context.i18n.getText(" myStep_title");
 var sDescription = this.context.i18n.getText(" myStep_description");


 返回this.context.service.wizard.createWizardStep(oMyStepContent,sTitle,sDescription);
 }
 });
 

预先感谢。

一周热门 更多>