本文咱们介绍如何将 Business Rule Control 即规定控件,嵌入到 SAP UI5 应用程序视图中。

RuleBuilder 组件是一个规定控件的容器,能够捆绑不同的可视化伎俩。 目前惟一可用的可视化是决策表(Decision Table)。 RuleBuilder 定义了 UI 开发者要遵循的通用规定 UI 生产模式和 API。

在这个例子中,咱们创立了一个决策表,它将应用疏导输出模式。

成果如下:

能够切换条件:

能够编辑 if 条件 和 then 后果:

咱们在 xml 视图里,应用的控件来自命名空间 sap.rules.ui 的规范控件:RuleBuilder,types 属性为 DecisionTable

当初咱们须要将 ExpressionLanguage 对象关联连贯到 RuleBuilder,而后控件通过 OData 模型加载其数据。

表达式语言(Expression languages)为规定创作、规定可视化和规定内容验证提供所需的服务。 表达式语言对象提供的服务包含表达式验证、表达式解析、主动实现倡议、表达式元数据和令牌的检索,以及执行运行时服务,例如获取数据对象、输入等。

特定词汇表的词汇表 OData 模型和绑定上下文门路是表达式语言的强制输出。

表达式语言对象是 RuleBuilder 对象的关联,它能够关联多个 RuleBuilder 对象。

咱们能够依据我的项目理论要求:自定义 Page.controller.js。

设置表达式语言对象:

oExpressionLanguage = new sap.rules.ui.services.ExpressionLanguage();oRuleBuilder.setExpressionLanguage(oExpressionLanguage);

如果应用 DMN SFEEL(Expression language 2.0),则代码如下:

oAstExpressionLanguage = new sap.rules.ui.services.AstExpressionLanguage();oRuleBuilder.setAstExpressionLanguage(oAstExpressionLanguage);

确保在设置表达式语言的词汇模型之前已设置数据,如图所示:

oExpressionLanguage.setData(data);oExpressionLanguage.setModel(that.oVocabularyModel);

控制器残缺代码如下:

sap.ui.define([    'jquery.sap.global',    'sap/ui/core/mvc/Controller',    'sap/ui/model/odata/v2/ODataModel',    'sap/rules/ui/services/ExpressionLanguage',   //For DMN SFEEL language, use 'AstExpressionLanguage'.    'sap/ui/core/util/MockServer',    'sap/m/MessageToast'], function (jQuery, Controller, ODataModel, ExpressionLanguage, MockServer, MessageToast) {    //For DMN SFEEL language, use 'AstExpressionLanguage' instead of 'ExpressionLanguage'.    "use strict";    return Controller.extend("sap.rules.ui.sample.GuidedDecisionTable.Page", {        onInit: function () {            sap.ui.getCore().applyTheme("sap_belize");            // apply compact density for desktop, the cozy design otherwise            this.getView().addStyleClass(sap.ui.Device.system.desktop ? "sapUiSizeCompact" : "sapUiSizeCozy");            var mPath = sap.ui.require.toUrl("sap/rules/ui/sample/GuidedDecisionTable") + "/";                        // Initialize Expression Language services            this.oVocabularyMockServer = new MockServer({rootUri: "/sap/opu/odata/SAP/vocabulary_srv/"});            this.oVocabularyMockServer.simulate(                mPath + "localService/vocabulary/metadata.xml",                {'sMockdataBaseUrl': mPath + "localService/vocabulary/mockdata/"}            );            this.oVocabularyMockServer.start();            this.oVocabularyModel = new ODataModel("/sap/opu/odata/SAP/vocabulary_srv/");            this.oExpressionLanguage = new ExpressionLanguage();               //For DMN SFEEL, use 'new AstExpressionLanguage();'.            this.oExpressionLanguage.setModel(this.oVocabularyModel);            this.oExpressionLanguage.setBindingContextPath("/Vocabularies('FA163E38C6481EE785F409DCAD583D43')");            // Initialize the Rule Builder            this.oRuleMockServer = new MockServer({rootUri: "/sap/opu/odata/SAP/RULE_SRV/"});            this.oRuleMockServer.simulate(                mPath + "localService/rule/metadata.xml",                {'sMockdataBaseUrl': mPath + "localService/rule/mockdata/"}            );            var aRequests = this.loadRequests(mPath);            this.oRuleMockServer.setRequests(aRequests);            this.oRuleMockServer.start();            this.oRuleModel = new ODataModel({                serviceUrl: "/sap/opu/odata/SAP/RULE_SRV/",                defaultBindingMode: sap.ui.model.BindingMode.TwoWay            });            var oRuleBuilder = this.byId("ruleBuilder");            oRuleBuilder.setModel(this.oRuleModel);            oRuleBuilder.setExpressionLanguage(this.oExpressionLanguage);            oRuleBuilder.setBindingContextPath("/Rules(Id='FA163E38C6481EE785F409DCAD583D43',Version='000000000000000001')");        },        handleEditButton: function () {            var oEditButton = this.byId("editButton");            var oRuleBuilder = this.byId("ruleBuilder");            var bEdit = (oEditButton.getText() === "Edit");            oRuleBuilder.setEditable(bEdit);            oEditButton.setText(bEdit ? "Display" : "Edit");        },        onAfterRendering: function () {            // Line actions are not supported in this demo            var oRuleBuilder = this.byId("ruleBuilder");            var oDecisionTable = oRuleBuilder.getAggregation("_rule");            var oToolbar = oDecisionTable.getAggregation("_toolbar");            var arrContent = oToolbar.getContent();            for (var i = 0; i < arrContent.length; i++) {                if (arrContent[i].getMetadata().getName() === "sap.m.Button") {                    arrContent[i].detachPress(arrContent[i].mEventRegistry.press[0].fFunction, arrContent[i].mEventRegistry.press[0].oListner);                    arrContent[i].attachPress(function (oEvent) {                            var msg = 'Line action pressed';                            MessageToast.show(msg);                        }                    );                } else if (arrContent[i].getMetadata().getName() === "sap.m.MenuButton") {                    var oMenu = arrContent[i].getMenu();                    oMenu.detachItemSelected(oMenu.mEventRegistry.itemSelected[1].fFunction, oMenu.mEventRegistry.itemSelected[1].oListner);                    oMenu.attachItemSelected(function (oEvent) {                            var msg = 'Line action pressed';                            MessageToast.show(msg);                        }                    );                }            }        },        loadRequests: function (mPath) {            // The mock server does not support 1 to 1 navigation.            // Hence we provide the responses directly by adding custom requests to the MockServer            var oRresponses = jQuery.sap.sjax({                type: "GET",                url: mPath + "localService/rule/responses.json",                dataType: "json"                }                ).data;                        var aRequests = this.oRuleMockServer.getRequests();            var sMethod = "GET";            var sPath = /Rules\(Id='FA163E38C6481EE785F409DCAD583D43',Version='000001'\)\/DecisionTable\/DecisionTableRows\/\$count/;            var fnResponse1 = function (xhr) {                xhr.respond(200, {                    "Content-Type": "text/plain;charset=utf-8"                }, "5");            };            aRequests.push({method: sMethod, path: sPath, response: fnResponse1});                        sPath = /Rules\(Id='FA163E38C6481EE785F409DCAD583D43',Version='000001'\)\/DecisionTable\/DecisionTableRows\?\$skip=0&\$top=\d+&\$orderby=Sequence%20asc&\$expand=Cells/;            var response_1 = this.response_1;            var fnResponse2 = function (xhr) {                xhr.respondJSON(200, {                    "Content-Type": "application/json;charset=utf-8"                }, oRresponses.response_1);            };            aRequests.push({method: sMethod, path: sPath, response: fnResponse2});            sPath = /Rules\(Id='FA163E38C6481EE785F409DCAD583D43',Version='000001'\)\/DecisionTable\/DecisionTableColumns\/\$count/;            var fnResponse3 = function (xhr) {                xhr.respond(200, {                    "Content-Type": "text/plain;charset=utf-8"                }, "5");            }            aRequests.push({method: sMethod, path: sPath, response: fnResponse3});            sPath = /Rules\(Id='FA163E38C6481EE785F409DCAD583D43',Version='000001'\)\/DecisionTable\/DecisionTableColumns\?\$skip=0&\$top=\d+&\$expand=Condition%2cResult/;            var response_2 = this.response_2;            var fnResponse4 = function (xhr) {                xhr.respondJSON(200, {                    "Content-Type": "application/json;charset=utf-8"                }, oRresponses.response_2);            }            aRequests.push({method: sMethod, path: sPath, response: fnResponse4});             return aRequests;        }    });});