TWaverHTML5
文章平均质量分 78
stevensz7
good good study, day day up.
展开
-
TWaver HTML5学习笔记 —— 动态设置网元样式
一、学习内容概述: 学习如何在拓扑图中动态设置网元的样式。二、学习内容总结:1、添加属性表格: 1)、属性表格定义:使用twaver.controls.PropertySheet类,例如: var nodeStylePropertySheet = new twaver.controls.Property原创 2014-03-23 17:17:52 · 4574 阅读 · 0 评论 -
TWaver HTML5学习笔记 —— 选择隐藏网元
一、学习内容概述: 学习如何在拓扑图中动态设置是否显示网元。二、学习内容总结:1、实现思路:为拓扑元素定义一个自定义属性hidden,当hidden值为true时,则该拓扑元素不显示。 1)、网元添加自定义属性: lastData.setClient("hidden", true); 2)、设置拓扑元素是否显示: // 拓扑原创 2014-03-23 18:07:48 · 4639 阅读 · 0 评论 -
TWaver HTML5学习笔记 —— 拓扑元素添加标签图标
一、学习内容概述: 学习如何在拓扑图中为元素添加标签图标。二、学习内容总结:1、添加标签图标的方法:设置节点的“icons.names”属性即可(图片需求提前注册),例如: lastData.setStyle('icons.names', ["alarm_label"]);三、验证代码运行效果截图:原创 2014-03-23 02:44:44 · 4355 阅读 · 0 评论 -
TWaver HTML5学习笔记 —— 拓扑右键菜单
一、学习内容概述: 学习如何在拓扑图中添加右键菜单: 1)、添加右键菜单项; 2)、控制右键菜单显示的时机; 3)、右键菜单的动作。二、学习内容总结:1、如何添加右键菜单: 1)、右键菜单定义使用twaver.controls.PopupMenu类,例如 var popupMenu = ne原创 2014-03-23 00:35:29 · 4821 阅读 · 2 评论 -
TWaver HTML5学习笔记 —— 通过图层方式控制元素是否显示
一、学习内容概述: 学习如何在拓扑图中,通过图层方式控制元素是否显示。二、学习内容总结:1、添加图层: // 创建各图层 var layerBox = box.getLayerBox(); var nodeLayer = new twaver.Layer("Node"); nodeLayer.setName("Node"); l原创 2014-03-25 00:28:18 · 3261 阅读 · 1 评论 -
TWaver HTML5学习笔记 —— 复制网络元素
一、学习内容概述: 学习在拓扑图中,实现拓扑元素的复制和粘贴,实现原理:将选中的元素复制保存到内存中,当选择进行粘贴时,从内存中取出之前复制的元素进行粘贴操作,并指定这些新生成元素的新名称(原有元素前加“new-”)和位置(以当前右键选择点击的位置,结合复制元素中网元的最小x、y坐标,计算出x、y坐标的偏移量)。二、学习内容总结:1、复制选中的元素:原创 2014-03-25 23:41:53 · 3564 阅读 · 0 评论 -
TWaver HTML5学习笔记 —— 动态设置网元图片大小
一、学习内容概述: 学习如何在拓扑图中动态设置网元的图片大小。二、学习内容总结:1、设置网元图片大小: // 存储网元样式的变更的sheet页 var nodeStyleData = new twaver.Element(); var nodeStylePropertySheet = new twaver.controls.原创 2014-03-26 00:19:48 · 3099 阅读 · 0 评论 -
TWaver HTML5学习笔记 —— 可定制的右键菜单
一、学习内容概述: 学习如何在拓扑图中动态设置网元的图片大小。二、学习内容总结:1、设置网元图片大小:原创 2014-04-05 23:25:24 · 3776 阅读 · 2 评论