TWaver HTML5 Developer Guide.pdf

发布时间：2022-06-15 发布人：admin 分类：说明书资料大小：2.10M 资料格式：pdf 举报版权申诉

11c3350a-5497-4341-abd9-27ecd483551b.pdf-第1页.png

第1页 / 共149页

11c3350a-5497-4341-abd9-27ecd483551b.pdf-第2页.png

第2页 / 共149页

11c3350a-5497-4341-abd9-27ecd483551b.pdf-第3页.png

第3页 / 共149页

11c3350a-5497-4341-abd9-27ecd483551b.pdf-第4页.png

第4页 / 共149页

11c3350a-5497-4341-abd9-27ecd483551b.pdf-第5页.png

第5页 / 共149页

11c3350a-5497-4341-abd9-27ecd483551b.pdf-第6页.png

第6页 / 共149页

11c3350a-5497-4341-abd9-27ecd483551b.pdf-第7页.png

第7页 / 共149页

11c3350a-5497-4341-abd9-27ecd483551b.pdf-第8页.png

第8页 / 共149页

Table of Contents

TWaver HTML5 开发手册

入门

约定俗成

TWaver HTML5开发环境

TWaver HTML5快速上手

基础

TWaver HTML5设计模式与结构

TWaver HTML5数据模型

TWaver HTML5数据元素

TWaver HTML5数据管理容器

TWaver HTML5视图组件

Network组件介绍

Tree组件介绍

Table组件介绍

数据序列化

数据元素

基本数据元素

告警元素

图层元素

拓扑元素

twaver.Node

twaver.Link

连线类型

连线绑定

twaver.Follower

twaver.Grid

twaver.Group

twaver.SubNetwork

twaver.ShapeNode

数据容器

数据容器之事件机制

快速查找 - QuickFinder

选中模型 - SelectionModel

Network组件

Network层次结构

Network过滤器的使用

Network样式规则函数

Network界面交互

Tree组件

树节点样式

树的层次与排序

树的勾选模式

Table组件

表格列的设置

表格数据排序

Chart组件

Chart Value & Chart Values

BarChart

LineChart

PieChart

DialChart

BubbleChart

RadarChart

告警的使用

告警级别

告警状态与统计

告警呈现

附录

网元样式表

TWaver® HTML5 开发手册 Version 1.0 Apr 2012 Serva Software info@servasoftware.com http://www.servasoftware.com PO Box 8143, Wichita Falls, Texas, USA 76307

For more information about Serva Software and TWaver please visit the web site at: http://www.servasoftware.com Or send e-mail to: info@servasoftware.com Apr, 2012 Notice: This document contains proprietary information of Serva Software. Possession and use of this document shall be strictly in accordance with a license agreement between the user and Serva Software, and receipt or possession of this document does not convey any rights to reproduce or disclose its contents, or to manufacture, use, or sell anything it may describe. It may not be reproduced, disclosed, or used by others without specific written authorization of Serva Software. TWaver, servasoft, Serva Software and the logo are registered trademarks of Serva Software. Java and all Java-based marks are trademarks or registered trademarks of Sun Microsystems, Inc. in the U.S.A. and other countries. Other company, brand, or product names are trademarks or registered trademarks of their respective holders. The information contained in this document is subject to change without notice at the discretion of Serva Software. Copyright © 2012 Serva Software LLC All Rights Reserved Copyright © 2012 Serva Software. All rights reserved.

TWaver HTML5 Table of Contents • TWaver HTML5 开发手册 • 入门 • 约定俗成 • • TWaver HTML5开发环境 TWaver HTML5快速上手 • 基础 • • • TWaver HTML5数据元素 TWaver HTML5数据管理容器 TWaver HTML5设计模式与结构 TWaver HTML5数据模型 • • TWaver HTML5视图组件 • • • Network组件介绍 Tree组件介绍 Table组件介绍 • 数据序列化 • 数据元素 • 基本数据元素 • 告警元素 • 图层元素 • 拓扑元素 • • • • • • • twaver.Node twaver.Link • 连线类型 • 连线绑定 twaver.Follower twaver.Grid twaver.Group twaver.SubNetwork twaver.ShapeNode • 数据容器 Network层次结构 Network过滤器的使用 Network样式规则函数 Network界面交互 • 数据容器之事件机制 • 快速查找 - QuickFinder • 选中模型 - SelectionModel Network组件 • • • • Tree组件 • 树节点样式 • 树的层次与排序 • 树的勾选模式 Table组件 • 表格列的设置 • • • Copyright © 2012 Serva Software. All rights reserved. 1

TWaver HTML5 • • 表格数据排序 Chart组件 • • • • • • • Chart Value & Chart Values BarChart LineChart PieChart DialChart BubbleChart RadarChart • 告警的使用 • 告警级别 • 告警状态与统计 • 告警呈现 • 附录 • 网元样式表 Copyright © 2012 Serva Software. All rights reserved. 2

TWaver HTML5 入门本章介绍TWaver HTML5入门开发需要注意的事项，从HTML + JS编程环境如何搭建，创建新的Web工程，到各个 TWaver组件的实例介绍，让用户可以快速利用TWaver HTML5开发图形化界面。本节内容： • 约定俗成 • TWaver HTML5开发环境 • TWaver HTML5快速上手 Copyright © 2012 Serva Software. All rights reserved. 4

TWaver HTML5 约定俗成初次使用TWaver HTML5，为了更好的理解本文档，这里列举一些约定俗成的说法以及对比与TWaver Java版本的用语： MVC - 模型-视图-控制器模式数据模型：对应MVC中的Model，指Data, DataBox, ElementBox, AlarmBox, LayerBox, Element... 视图：对应MVC中的View，指ElementUI, Network, Tree, Table... 数据元素：Data, Element, Node... 数据容器：特指存放数据元素的容器，DataBox, ElementBox, AlarmBox, LayerBox 类名与TWaver Java版本的对比 TWaver HTML5 ElementBox AlarmBox LayerBox Network Tree Table TWaver Java TDataBox AlarmModel LayerModel TNetwork TTree TElementTable 网元属性设置对比TWaver Java版本 TWaver HTML5 node.setStyle node.setClient TWaver Java node.putClientProperty node.putUserProperty Network中过滤器命名与TWaver Java版本对比：说明网元容器告警容器图层容器拓扑组件树图组件表格组件说明样式属性用户属性 TWaver HTML5 getAlarmLabel isVisible isMovable isEditable getLabel getToolTip TWaver Java alarmLabelGenerator visibleFilter movableFilter 说明告警冒泡标签可见过滤器可移动过滤器 elementLabelEditableFilter 可编辑过滤器 elementLabelGenerator 网元标签文本生成器 elementToolTipTextGenerator 提示文本生成器 getInnerColor elementBodyColorGenerator 网元体颜色渲染 Copyright © 2012 Serva Software. All rights reserved. 5

TWaver HTML5 getOuterColor getSelectColor getAlarmFillColor getAlarmLabel elementOutlineColorGenerator 网元边框颜色渲染 elementSelectColorGenerator 选中颜色生成器 alarmColorGenerator alarmLabelGenerator 告警冒泡颜色告警冒泡文本 Copyright © 2012 Serva Software. All rights reserved. 6

分享到：

赞收藏

资料库

TWaver HTML5 Developer Guide.pdf

相关推荐

后端

热门标签

最新资料