Twaver-HTML5基础学习(24)快速查找(QuickFinder)
快速查找(QuickFinder) 快速查找用于快速查找指定属性值的所有元素，如查找某个告警级别的所有告警，特定类型的所有网元等等。 dataBox:数据容器,查找器查找的对象 propertyName:属性名称,查找条件 propertyType:属性类型,默认为’accessor’,表示可直接获取的属性,属性类型支持三种:accessor、client、style等 valu...
Twaver-HTML5基础学习(23)页管理容器(TabBox)、选中模型(SelectionModel)
页管理容器(TabBox) 页管理容器主要用来管理Tab(twaver.Tab)页。 var tablePane = new twaver.controls.TablePane(table); ... var tab = new twaver.Tab(name); tab.setName(name); tab.setView(view); tabPane.getTabBox().add(t...
Twaver-HTML5基础学习(22)层管理容器(LayerBox)、告警管理容器(AlarmBox)、列管理容器(ColumnBox)、属性管理容器(PropertyBox)
层管理容器(LayerBox) LayerBox的主要作用是用来管理Layer,得到LayerBox的方式有两种，一种是直接通过var layerBox =databox.getLayerBox();一种是创建:var layerBox = new twaver.LayerBox(box); var layerBox = box.getLayerBox(...
Twaver-HTML5基础学习(21)网元管理容器(ElementBox)
网元管理容器(ElementBox) TWaver的数据容器不仅包含元素集合,还管理着元素的层次关系,以及选中模型。当容器中的元素变化都会派发出相应的变化事件，如元素增减变化派发DataBoxChangeEvent，元素属性变化派发PropertyChangeEvent,元素层次变化派发出HierarchyChangeEvent,元素选中变化由SelectionModel管理 主要分为了三...
Twaver-HTML5基础学习(20)数据容器(3)_数据的批量加载(节省性能方法)
数据的批量加载 当两个节点之间有许多link对象时，可以使用批量加载功能box.startBatch()来提高数据加载效率。批量加载会批量重绘界面，来减少界面重绘次数，提高效率。 使用方法： box.startBatch(() => { for (var i = 0, len = 1500; i < len; i++) { ...
Twaver-HTML5基础学习(19)数据容器(2)_数据序列化_XML、Json
数据序列化 数据序列化 (Serialization)是指将对象的状态信息转换为可以存储或传输的形式的过程。在序列化期间，对象将其当前状态写入到临时或持久性存储区。以后，可以通过从存储区中读取或反序列化对象的状态，重新创建该对象。TWaver支持数据序列化和反序列化，便于数据的传输以及重建。但是TWaver并没有设计任何加密处理ÿ...
Twaver-HTML5基础学习(18)数据容器(1)_增删查改、遍历数据容器、包含网元判断
数据容器 概述： 在TWaver中,所有的网元对象均可以加入到DataBox中进行管理。DataBox是一个数据管理容器，用于管理所有的预定义网元对象，当添加、删除、移动网元或者更改网元属性的时候，DataBox均可以监听到。TWaver DataBox和后台数据也有很好的接口,它可以通过数据流的方式和后台相连，也就是说可以通过XML文件或者Json文件更改DataBox中的网元。DataB...
Twaver-HTML5基础学习(17)子网(SubNetwork)
子网(SubNetwork) 子网接口,表示大型网络中的一小部分网络，TWaver HTML5中拓扑图可以切换子网,呈现的即是当前子网中的网元。子网接口的默认实现类是twaver.SubNetwork,拓扑图中默认双击进入子网,双击背景返回上层子网,当前子网为Null时表示是最顶层子网。 Vector中切换子网的方法： //设置当前子网 get/setCurrentSubnetwork: ...
Twaver-HTML5基础学习(16)跟随者(Follower)
跟随者(Follower) 跟随者跟随宿主移动而移动，具有依附的功能，通常用于设备面板，如端口依附在板卡上。 Follower常用的方法如下： //设置宿主 get/setHost: function(host) //是否依附在某个节点上 isHostOn: function(node) //是否是相互依附关系 isLoopedHostOn: function(node) 创建跟随者元素...
Twaver-HTML5基础学习(15)形状连线(ShapeLink)四种类型(直线、正交、二次贝塞尔、三次贝塞尔)
形状连线(ShapeLink) ShapeLink继承于Link,使用方法和ShapeNode类似，添加删除控制点相关方法： addPoint:function(point,index) setPoint:function(point,index) getPoints:function() setPoints:function(value) removePoint:function(point)....
本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。
HTML更多学习相关
- html学习组件
- HTML学习network
- HTML学习按钮
- HTML学习定位
- HTML学习数据
- HTML学习连线
- HTML学习形状
- html5学习HTML
- HTML学习连线link
- HTML学习告警元素
- 学习HTML笔记
- 学习HTML dom笔记
- javaweb学习HTML
- wpf HTML学习
- 网页前端学习HTML
- HTML学习表单
- HTML学习入门深化
- HTML学习网页
- 数百个HTML学习ht图形组件
- HTML学习属性
- HTML学习html5
- 网页前端学习第五次HTML
- javascript学习HTML
- HTML css3商城实例学习pc端开发
- 学习HTML结构
- 编程HTML学习
- HTML学习节点
- HTML学习文本
- HTML学习手笔canvas
- 学习HTML代码
开发与运维
集结各类场景实战经验，助你开发运维畅行无忧
+关注