CUBA Platform系列：自定义可视化组件

1 使用WebJars

1.1 引入WebJar依赖

以集成DateRangePicker前端组件为例（http://www.daterangepicker.com/）

在 https://www.webjars.org/ 网站搜索’bootstrap-daterangepicker’，找到对应的WebJar，并查看响应的Gradle依赖
在项目的build.gradle文件中加入上述依赖
创建组件类，并引入相关js和css依赖
编写前后端通信方法以及xx-connector.js方法

2. 使用或集成Vaadin Add-on

2.1 CUBA 7

2.1.1 引入Add-on依赖

如果没有web-toolkit模块，首先创建该模块

以Vaadin插件DateTimeRangePicker为例，在build.gradle中，在 web 模块配置中添加包含组件的扩展包的依赖：

configure(webModule) {...dependencies {...compile("org.vaadin.addons:vaadin-bootstrap-datetimerangepicker:2.0")}

在web-toolkit模块的AppWidgetSet.gwt.xml文件中，说明项目的部件继承自扩展的部件：

<module><inherits name="com.haulmont.cuba.web.widgets.WidgetSet" /><inherits name="org.vaadin.addons.datetimerangepicker.WidgetSet" />

2.2 CUBA 6

对于CUBA 6版本，以vaadin stepper组件为例进行说明。

2.2.1 引入Add-on依赖

其中Inherited widgetset内容根据依赖jar包的MANIFEST.MF中的Vaadin-Widgetset填写

2.2.2 CSS依赖处理

将依赖包中的scss文件直接拷贝到cuba工程中，并加入依赖即可。

CUBA Platform系列：自定义可视化组件相关推荐

flex 自定义可视化组件的超级鸡肋的属性设置
虽然前段时间以乔布斯为首的几位大侠对 flash 的安全.性能等进行了强烈的批评,而且伴随着 html5 的日趋完善,可能这种批评声会越来越大,甚或超过南非世界杯呜呜组啦的分贝,但是个人认为 flex ...
辅助图分析人员的自定义图数据可视化组件
图数据处理与可视化一.可视化效果二.neo4j的数据封装三.将封装好的数据转换为d3.js格式并写入文件四.启动http服务加载文件数据五.使用HTML可视化图数据在图数据处理过程中,如果 ...
CUBA Platform 7.0.4 发布，企业级应用开发平台
开发四年只会写业务代码,分布式高并发都不会还做程序员? >>> CUBA Platform 7.0.4 发布,这次发布主要包含对 CUBA Core 的 Bug 修复,共计修复 ...
Unity自定义UI组件(十一) 雷达图、属性图
前言借用梦想世界宠物属性图想必大家都在游戏中见过属性图用于展示多种属性的数值,可以较为直观的对比某种属性的缺陷或者是哪种属性有优势.在三维可视化领域也会遇到类似的属性对比,用属性图来展示最为合适. ...
【Echarts】从入门到自定义封装组件
目录一.Echarts 简介二.怎么使用Echarts 1. Echarts 的下载 2. 在 Vue 中使用 Echarts 3. 小案例 -- 层叠渐变柱状图三.自定义封装 Echarts ...
ShieldUI Crack,数据可视化组件-SEO狼术
ShieldUI Crack,数据可视化组件-SEO狼术 Shield UI 是一个灵活的.多平台的用户界面库,经过精心增强.它提供了强大的 UI/UX 小部件,具有经过验证的性能背景,您可以在许多业 ...
转载：QTableView中嵌入可视化组件
出处:http://qimo601.iteye.com/blog/1538364 QTableView中嵌入可视化组件方法有四种: 第一种不能之前显示,必须双击/选中后才能显示,不适用. 第二种比较简 ...
【MSDN文摘】使用自定义验证组件库扩展 Windows 窗体: Form Scope
使用自定义验证组件库扩展 Windows 窗体,第 2 部分(Windows 窗体探索) 发布日期: 5/28/2004 | 更新日期: 5/28/2004 Michael Weinhardt www ...
react antd confirm content list_React造轮系列：对话框组件 - Dialog 思路
React造轮系列:对话框组件 - Dialog 思路对话框一般是我们点击按钮弹出的这么一个东西,主要类型有 Alter, Confirm 及 Modal, Modal 一般带有半透明的黑色背景.当 ...
【ECharts系列|02可视化大屏】舆情分析，人口分析及警情警力活动情况的实现【下篇】
简介:ECharts实现可视化大屏展示,包含人口分析,警情警力分析多张效果图, 完整的html+css+js+img:https://download.csdn.net/download/weixin ...