正文

sapui5/openui5javascript视图html元素渲染

 2022-04-22  334

关键词：

我是SAPUI5 / OPENUI5的新用户我创建了一个javascript视图，它基本上导入了几个图形和图表库，就像一个实用程序，它创建了多个图表，图形和带有图标的表

下面是相同的代码，下面是Js（创建图表的sap ui JS视图）

jQuery.sap.require("some.graph.lib");
jQuery.sap.require("some.util.lib");
jQuery.sap.require("some.other.imports");
(function(){

    sas.hc.ui.core.mvc.JSView.extend(" reports.dashboard.BaseDashboard.prototype.addCrossTab", {

        metadata : {
            properties : {
                chartRequired:false,
                tableDataRequired:false
            },
        },

        rb: sap.ui.getCore().getLibraryResourceBundle("sas.csb.common"),

  reports.dashboard.BaseDashboard.prototype.createGraphics = function (data) {
    //This Function creates barchart, line charts and cross tab tables
        return this.mainContentPane;
    };

    //Some other code to create and render graph
})();

我正在创建另一个视图，我在其中导入上面的视图并进行ajax调用，以便我可以创建图形和表格，并将其作为base64编码的字符串发送到REST API，以便在服务器端保存为PDF。

jQuery.sap.require("sas.cscommon.util.JSONUtil");
jQuery.sap.require({modName: "reports.dashboard.MeasureDashboard", type: "view"});

(function(){

    var rb = sap.ui.getCore().getLibraryResourceBundle("sas.csb.backtesting");

    //some other method

     sas.csb.backtesting.ModelList.prototype.downloadModelReport = function(event) { 
        var id = "sample";
            var oView = new reports.dashboard.MeasureDashboard(id, {
                            viewName: "reports.dashboard.MeasureDashboard",
                            chartrequired: true
                        } );


        //Calling REST API to get data
        oView.createGraphics(data);
}

如何转换此javascript sapui5 oView对象而不将其显示给用户进入HTML元素，以便我可以将画布和其他图形转换为基本的64位编码字符串并将其传递给REST API以保存在服务器端？

我想从视图对象访问canvas html元素而不在屏幕上呈现视图。

我知道在sapui5中有一个渲染器附有sapui5控件和RenderManager，但它没有帮助。

答案

遗憾的是，不推荐直接获取HTML的方法。但是你可以创建一个不在DOM中的临时元素。

var div = document.createElement("div");
var rm = sap.ui.getCore().createRenderManager();
rm.render(oView, div);
rm.destroy();
var sHTML = div.innerHTML;

视音频数据处理入门：flv封装格式解析

=====================================================视音频数据处理入门系列文章：视音频数据处理入门：RGB、YUV像素数据处理视音频数据处理入门：PCM音频採样数据处理视音频数据处理入门：H.264视频码流解析视音频数据处理入门：AAC音... 查看详情

视音频数据处理入门：udp-rtp协议解析

=====================================================视音频数据处理入门系列文章：视音频数据处理入门：RGB、YUV像素数据处理视音频数据处理入门：PCM音频采样数据处理视音频数据处理入门：H.264视频码流解析视音频数据处理入门：AAC音... 查看详情

pythondjangorest_framework框架视图集与路由routers详解（图文并茂版）(代码片段)

视图集与路由Routers详解视图集ViewSet视图集代码实现GenericViewSet视图集代码实现ModelViewSet视图集ReadOnlyModelViewSet视图集路由Routers使用方法具体实现操作视图集中附加action的声明视图集ViewSet视图集继承自APIView与ViewSetMixin，作用... 查看详情

多视几何：齐次坐标

多视几何：齐次坐标标签（空格分隔）：计算机视觉·多视几何齐次坐标是多视几何的一个最最基本的概念，非常重要，可以说，几乎所有内容都以此为基础！这里，记录一下齐次坐标的相关内... 查看详情

从单个查询创建多个视图表

】从单个查询创建多个视图表【英文标题】：Createmultipleviewtablesfromasinglequery【发布时间】：2017-11-2618:24:31【问题描述】：我有一个创建视图表的查询，如下所示：CREATEORREPLACEVIEWview_tableASSELECT………………………………FROMshop_tabl... 查看详情

ffmpeg学习6：视音频同步

在上一篇文章中，视频和音频是各自独立播放的，并不同步。本文主要描述了如何以音频的播放时长为基准，将视频同步到音频上以实现视音频的同步播放的。主要有以下几个方面的内容视音频同步的简单介绍DTS和PTS计算视频中... 查看详情

opengl学习脚印:视变换(viewtransformation)

写在前面OpenGL中的坐标处理过程包括模型变换、视变换、投影变换、视口变换等内容，这个主题的内容有些多，因此分节学习，主题将分为5节内容来学习。上一节模型变换，本节学习模型变换的下一阶段——视变换。到目前位... 查看详情

推动视图表的自定义 sql

】推动视图表的自定义sql【英文标题】：Propelcustomsqlforviewtables【发布时间】：2013-07-1009:19:39【问题描述】：由于某种原因，propel没有为视图表生成模型，如果您使用reverse任务，它甚至不包括视图表的结构。所以我别无选择，只... 查看详情

教程6-视图集和路由器(代码片段)

视图集和路由器目录视图集和路由器重构以使用视图集明确地将ViewSet绑定到URL使用路由器视图与视图集之间的权衡REST框架包括用于处理ViewSet的抽象,这使得开发人员能够集中精力对API的状态和交互进行建模，并且将URL构造留给... 查看详情

乐视电视怎么刷机？

乐视电视刷机需要下载刷机包。根据刷机提示进行刷机就可以了。参考技术A先去乐视官网看看。参考技术B这个不好刷得，要专业的人和专业的软件来刷查看详情

反应树视图库

】反应树视图库【英文标题】：ReactTreeViewLibrary【发布时间】：2021-12-0915:58:27【问题描述】：我需要一个树视图库，它可以帮助我在React中创建如下所示的树。如果添加类似演示的链接，将不胜感激。我需要将JSON转换为类似的树... 查看详情

类似小米和乐视设备的提醒通知

】类似小米和乐视设备的提醒通知【英文标题】：Heads-upnotificationforxiaomiandLeEcolikedevices【发布时间】：2017-09-2007:51:17【问题描述】：我正在处理提醒通知。我的代码适用于所有设备，但不适用于android5.1以上的小米和乐视之类的... 查看详情

悼念！旷视首席科学家孙剑博士去世，享年45岁

...ff0c;传来了一个让人悲恸的消息，一位AI巨星陨落。旷视研究院发文，旷视首席科学家、旷视研究院院长孙剑博士因突发疾病抢救无效去世，终年45岁。我们万分难过，旷视首席科学家、旷视研究院院长孙剑博士因... 查看详情

发电厂兰吉尔电表数据采集方案-iec62056/dlms/cosem协议采集网关驱动配置说明

...09;：物理量相位方向有无功DLMS编码电能总总有功无功视在正向有功无功视在反向有功无功视在A总有功无功视在正向有功无功视在反向有功无功视在B总有功无功视在正向有功无功视在反向有功无功视在C总有功无功视在正向有... 查看详情

在推出电视新品之后，乐视手机也回归了，乐视系悄然复兴

据媒体报道指乐视新款手机已入网，这代表着它将重回国内手机市场。此前乐视已新推多款乐视电视，乐视电视和乐视手机是乐视的两大重要硬件业务，如今两大业务都开始新的发展，似乎代表着乐视系正在复兴... 查看详情

正文