hightopo学习笔记---入门
HT
是基于HTML5标准的企业应用图形界面一站式解决方案, 其包含通用组件、拓扑组件和3D渲染引擎等丰富的图形界面开发类库,提供了完全基于HTML5
的矢量编辑器、拓扑编辑器及 3D场景编辑器等多套可视化设计工具,和完善的类库开发手册、工具使用手册、及针对HTML5
技术如何进行大规模团队开发的客户深度培训手册。
官网:http://www.hightopo.com/cn-index.html
运行环境:
1.现在基本的主流浏览器都已经支持HTML5,但是如果采用HT for Web 3D需要IE11以上版本。如果无法升级到IE11
,则可以考虑安装Google Chrome Frame插件, 在页面嵌入以下Tag
代码片段,该页面就会采用Chrome
来渲染。
<meta http-equiv="X-UA-Compatible" content="chrome=1">
2.部分老版本的Android
终端系统,对canvas
的支持存在bug
会出现没擦除干净有残影,以下是段workaround
代码。
ht.Default.viewListener = function(view, kind){var canvas = view._canvas;if(canvas && kind === 'beginValidate'){canvas.width = 0;canvas.height = 0;canvas.style.width = 0;canvas.style.height = 0; }
};
数据模型:
1、数据类型:Data类型贯穿整个HT框架,是最基础的数据类型,在该类型下又很多方法(网址:http://www.hightopo.com/guide/guide/core/datamodel/ht-datamodel-guide.html#ref_designpattern),可以用来操作数据。
Data是ht的一个对象类,使用方法可以如下所示:
var data = new ht.Data();data.setName(name);data.setIcon(icon);data.setParent(parent); // or parent.addChild(data);dataModel.add(data); //dataModel是数据容器,数据需要添加到容器内才能承载。 return data;
2、数据容器:数据容器ht.DataModel
(以下简称DataModel
)作为承载Data
数据的模型,管理着Data
数据的增删以及变化事件派发, HT
框架所有组件都是通过绑定DataModel
,以不同的形式呈现到用户界面;同时组件也会监听DataModel
模型的变化事件, 实时同步更新界面数据信息,掌握了DataModel
的操作就掌握了所有组件的模型驱动方式。
3、选择模型:ht.SelectionModel
管理DataModel
模型中Data
对象的选择状态, 每个DataModel
对象都内置一个SelectionModel
选择模型,控制这个SelectionModel
即可控制所有绑定该DataModel
的组件的对象选择状态, 这意味着共享同一DataModel
的组件默认就具有选中联动功能。
综上所述有两种途径可得到SelectionModel
:
dataModel.getSelectionModel()
获取数据容器中组件共享的选中模型。view.getSelectionModel()
获取当前组件使用的选中模型,selectionModelShared
为false
时,返回view
专用的选择模型。
hightopo学习笔记---入门相关推荐
- MongoDB学习笔记(入门)
MongoDB学习笔记(入门) 一.文档的注意事项: 1. 键值对是有序的,如:{ "name" : "stephen", "genda" ...
- Vue学习笔记入门篇——数据及DOM
本文为转载,原文:Vue学习笔记入门篇--数据及DOM 数据 data 类型 Object | Function 详细 Vue 实例的数据对象.Vue 将会递归将 data 的属性转换为 getter ...
- LearnOpenGL学习笔记—入门03:Hello Triangle
LearnOpenGL学习笔记-入门03:Hello Triangle 0 前言 1 图形渲染管线 2 顶点输入 3 VAO,VBO 3.1 VAO建立 3.2 VBO建立 4 shader 5 绘制 ...
- C# 学习笔记入门篇(上)
文章目录 C# 学习笔记入门篇 〇.写在前面 Hello World! 这篇学习笔记适合什么人 这篇学习笔记到底想记什么 附加说明 一.命名空间 "进入"命名空间 嵌套的命名空间. ...
- R语言学习笔记——入门篇:第一章-R语言介绍
R语言 R语言学习笔记--入门篇:第一章-R语言介绍 文章目录 R语言 一.R语言简介 1.1.R语言的应用方向 1.2.R语言的特点 二.R软件的安装 2.1.Windows/Mac 2.2.Lin ...
- R语言学习笔记——入门篇:第三章-图形初阶
R语言 R语言学习笔记--入门篇:第三章-图形初阶 文章目录 R语言 一.使用图形 1.1.基础绘图函数:plot( ) 1.2.图形控制函数:dev( ) 补充--直方图函数:hist( ) 补充- ...
- JS学习笔记——入门基础知识总结
JS入门基础知识总结1 前言 基础背景知识 一.产生历史: 二.特点: 三.应用方向: 四.Javascript组成: JavaScript书写使用方式 一.行内式(了解即可,项目中不使用,日常练习尽 ...
- Python 学习笔记——入门
文章目录 〇.Python 是什么 一.推荐的教程 二.这篇学习笔记适合什么人 三.环境 1. 操作系统 对于 Windows 对于 Ubuntu 对于其他操作系统 2. Python 对于 Wind ...
- zigbee学习笔记---入门
首先,本人是一名在读本科生,因为要参加本年度的物联网比赛,故需要掌握一定的Z-Stack知识.一周前本人对Z-Stack了解是完全空白,当时连什么是ZigBee都没听说过,不过本人是本校的物理实验室的 ...
- Verilog学习笔记——入门
Verilog学习笔记 01 基本逻辑门代码设计与仿真 Veriog基本逻辑门代码结构--以一位反相器为例 ModelSim仿真基本流程 02 组合逻辑代码设计与仿真--多路选择器 二选一逻辑--as ...
最新文章
- 饱和气压与温度的关系_凯米斯小课堂 | 溶解氧与水产养殖的关系
- 锤子Smartisan T1手机官方4.4.2系统内核版本号信息
- git提交输入密码_git提交到自己的服务器,每次都要输入密码
- mysql中数据定义和数据控制语言_DB-数据操控与定义语言
- Why is it recommended to create clusters with odd number of nodes? | 为什么集群节点建议奇数个?
- linux下静态库和动态库的制作与使用
- 阻止中文输入法输入拼音的时候触发input事件
- HTTP Cookie
- Visual Studio 的码云扩展 V1.0.85 发布
- 读书笔记_中国期货市场量化交易(李尉)03
- linux中posix共享内存,Linux 共享内存(POSIX)
- 广告屏蔽大师 v5.4.521.1800
- Hive 窗口函数的使用
- Java主流框架技术及少量前端框架使用与总结
- android 7 uc flash,UC浏览器7.2版新增加FLASH游戏支持功能
- Error opening dll library错误的解决
- 网站打开速度与服务器的关系,网站打开速度慢对SEO的影响
- Bootstrap网站模板
- python足球联赛赛程_足球联赛赛程表生成
- 2018 DDoS攻击加剧,闻“D”色变的无力困境,我们要怎么办
热门文章
- Python 房贷计算器小工具
- VS2013导出模板与删除导出模板
- 国家缩写大全 mysql_所有国家英文缩写
- MySQL学习笔记第8课(共10课)
- 在plc中用c语言实现电梯控制程序,基于PLC的电梯控制系统的设计与实现[论文+答辩ppt+完整程序代码]...
- m2接口和nvme协议接口_怎么看笔记本的主板是支持加装m2接口和m2协议NVME接口的固态硬盘?两者有什么区别?...
- 视频教程-Windows Server 2016 身份管理 (MCSA 认证 70-742)-微软认证
- Matlab数理统计工具箱
- 基于MFC的简易TCP/IP调试助手开发
- Selenium测试指南