SAPUI5-HTML

原创 2015年07月10日 10:32:16
var oHtml = new sap.ui.core.HTML("html1", {
            content : "<div style='position:relative;background-color:black;width:64px;height:64px'>" + 
"<div style='position:absolute;background-color:rgb(200,  0,  0);width:8px;height:8px;top:28px;left:48px' ></div>" +
"<div style='position:absolute;background-color:rgb(200,100,  0);width:8px;height:8px;top:18px;left:45px' ></div>" +
"<div style='position:absolute;background-color:rgb(200,200,  0);width:8px;height:8px;top:11px;left:38px' ></div>" +
"<div style='position:absolute;background-color:rgb(100,200,  0);width:8px;height:8px;top: 8px;left:28px' ></div>" +
"<div style='position:absolute;background-color:rgb(  0,200,  0);width:8px;height:8px;top:11px;left:18px' ></div>" +
"<div style='position:absolute;background-color:rgb(  0,200,100);width:8px;height:8px;top:18px;left:11px' ></div>" +
"<div style='position:absolute;background-color:rgb(  0,200,200);width:8px;height:8px;top:28px;left: 8px' ></div>" +
"<div style='position:absolute;background-color:rgb(  0,100,200);width:8px;height:8px;top:38px;left:11px' ></div>" +
"<div style='position:absolute;background-color:rgb(  0,  0,200);width:8px;height:8px;top:45px;left:18px' ></div>" +
"<div style='position:absolute;background-color:rgb(100,  0,200);width:8px;height:8px;top:48px;left:28px' ></div>" + 
"<div style='position:absolute;background-color:rgb(200,  0,200);width:8px;height:8px;top:45px;left:38px' ></div>" +
"<div style='position:absolute;background-color:rgb(200,  0,100);width:8px;height:8px;top:38px;left:45px' ></div>" +
"</div>",
            preferDOM : false,
            afterRendering : function(e) {
                if ( !e.getParameters()["isPreservedDOM"] )
                    {
                        var $=e.getSource().$();
                        $.click(function(e) {
                        addColorBlockAtCursor($, e, 64, 8);
                        });
                    }
            }
        });
        oPanel.addContent(oHtml);

        return oPanel;

        function rgb(r,g,b) {
            return 'rgb(' + Math.round(255*r) + ',' + Math.round(255*g) + ',' + Math.round(255*b) + ')';
        }

        function hsb2rgb(h,s,b) {
            h = (360.0 * h / 255.0);
            s = s / 255.0;
            b = b / 255.0;

            var f,i,hTemp,p,q,t;
            if ( s == 0 ) {
                // color is on black-and-white center line
                return rgb(b,b,b);
            } else {
                // chromatic color
                h = (h % 360) / 60.0;     // h is now IN [0,6)
                i = Math.floor(h);        // largest integer <= h
                f = h - i;                  // fractional part of h

                p = b * (1.0 - s);
                q = b * (1.0 - (s * f));
                t = b * (1.0 - (s * (1.0 - f)));

                switch(i) {
                    case 0: return rgb(b,t,p);
                    case 1: return rgb(q,b,p);
                    case 2: return rgb(p,b,t);
                    case 3: return rgb(p,q,b);
                    case 4: return rgb(t,p,b);
                    case 5: return rgb(b,p,q);
                }
            }
        }

        function addColorBlockAtCursor($, e, psize, size) {
            var oOffset;
            if (typeof e.offsetX === "undefined" ) {
                oOffset = jQuery(e.target).offset();
                e.offsetX = e.pageX - oOffset.left;
                e.offsetY = e.pageY - oOffset.top;
            }
            var dx = e.offsetX - psize/2;
            var dy = -(e.offsetY - psize/2);
            var a = 2 * Math.PI + (dx < 0 ? Math.PI - Math.atan2(dy, -dx) : Math.atan2(dy, dx));
            var h = a / 2 / Math.PI * 255.0;
            colorBlock(hsb2rgb(h, 255, 200), e.offsetX-4, e.offsetY-4, size).appendTo($);
        }

        function colorBlock(sColor, iX, iY, iSize) {
            return jQuery("<div/>").
                attr("title", sColor).
                css({
                    "position" : "absolute",
                    "background-color" : sColor,
                    "top" : iY+"px",
                    "left" : iX+"px",
                    "width" : iSize+"px",
                    "height" : iSize+"px"
                }).
                click(function(e) { jQuery(this).remove(); });
        }

这里写图片描述

SAP alv(lvc)的抬头标题设定(html_top_of_page)

对alv的抬头标题设置方法   方法1:通过class:cl_dd_document设定 call alv   CALL FUNCTION 'REUSE_ALV_GRID_DISPLAY_LV...
  • forever_crazy
  • forever_crazy
  • 2014年02月24日 08:17
  • 4406

简单SAP ABAP发送邮件示例代码

REPORT Z_WUWEI_0001. *类: CL_BCS 发送邮件主要用到的功能类, 包括创建发送请求, 添加发送内容,添加发送地址, 到最终的发送指令发出. *类: CL_DOCUMENT...
  • szlaptop
  • szlaptop
  • 2013年01月08日 15:15
  • 5106

启用SAP GUI FOR HTML

一.说明 SAP系统前端(Front End)一般是用GUI for Windows,还有GUI for JAVA、NetWeaver Business Client等,这些都是以软件形式提供并需要...
  • zhongguomao
  • zhongguomao
  • 2017年04月24日 14:56
  • 635

SAP GUI FOR HTML登陆

今天无意在网上看到一个记录,说是可以通过浏览器登陆SAP系统,跟客户端有极大相似。我试用了一下,感觉还不错,不过还是有一些遗憾。       步骤如下:       1、输入:SMICM    ...
  • Trassion
  • Trassion
  • 2012年03月22日 13:45
  • 3175

SAP常见的几个接口技术的区别

RFC是SAP接口技术中最简单和易用的一种方式,该方式开发比较简便,特别适合于外部报表开发,但对于大数据量的查询效率相对较低。 BAPI基于RFC技术实现,被作为BO的Interface使用...
  • zhongguomao
  • zhongguomao
  • 2015年05月22日 13:49
  • 5065

SAP 库存盘点 步骤--(详细)

转自:http://scola.wang.blog.163.com/blog/static/8866364820095305295757/ Physical Inventory 1.账户设置 库存...
  • Trassion
  • Trassion
  • 2013年12月06日 10:37
  • 10753

sap ui5教程(0)简介、环境搭建、创建项目

因为去sap公司实习原因,即将接触sap ui5框架,这里记录我对sap ui5的学习过程 1、简介 SAP UI5: sap ui5是sap公司推出的前端 UI框架,用js编写,有丰富的组件...
  • Yichair
  • Yichair
  • 2018年01月13日 22:32
  • 29

UI development toolkit for HTML5 on SAP HANA XS

  • 2014年04月01日 09:38
  • 718KB
  • 下载

关于SAP4.7的几个架构图

http://blog.itpub.net/92530/viewspace-154881/ 1/SAP基本架构图   2、SAP的应用层的工作进程架构图  3、SAP的内存...
  • bluejoe2000
  • bluejoe2000
  • 2014年11月07日 09:30
  • 1512

如何去完成一个SAP notes的实现

本文主要介绍如何去看SAP notes,以及如何去实现SAP notes,有那些注意事项: 1、查看SAP notes: 2、实现SAP notes: 3、注意事项:...
  • zzj_rainbow
  • zzj_rainbow
  • 2013年12月04日 14:32
  • 2840
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:SAPUI5-HTML
举报原因:
原因补充:

(最多只允许输入30个字)