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();
var layerBox = new twaver.LayerBox(box);

twaver.Layer(图层)继承于twaver.Data,用于描述拓扑网元的图层信息，Layer有四个特殊属性：visible,editable,movable,rotatable。

//显示隐藏
setVisible:function()
getVisible:function()
//是否可以移动
setMovable:function()
getMovable:function()
//是否能编辑
setEditable:function()
getEditable:function()
//是否可以旋转
setRotatable:function()
getRotatable:function()

Twaver-HTML5基础学习(7)Layer图层元素

告警管理容器(AlarmBox)

AlarmBox自然是用来管理告警(Alarm)的,获取AlarmBox的方法也有两种,
一种是var alarmBox =databox.getAlarmBox();另外一种是:var alarmBox = new AlarmBox(box);

Twaver-HTML5基础学习(4)告警元素(Alarm)
Twaver-HTML5基础学习(5)告警元素(Alarm)的告警位置(偏移量以及定位理解)
Twaver-HTML5基础学习(6)告警元素(Alarm)闪烁效果

列管理容器(ColumnBox)

列管理容器主要用于Table表格中，管理表格中的列(twaver.Column)对象。

    var table = new twaver.controls.Table(box);
    ...
    var column = new twaver.Column(name);
    column.setName(name);
    column.setPropertyName(propetyName);
    column.setPropertyType(propertyType);
    if (valueType) {
   
        column.setValueType(valueType);
    }
    table.getColumnBox().add(column);

Twaver-HTML5基础学习(10)嵌入Table

属性管理容器(PropertyBox)

属性管理容器主要用来管理属性(twaver.Property)对象。

    var sheet = new twaver.controls.PropertySheet(box);
    ...
    var sheetBox = sheet.getPropertyBox();
    var property = new twaver.Property();
    property.setCategoryName(category);
    if (!name) {
   
        name = demo.Util._getNameFromPropertyName(propertyName);
    }
    property.setName(name);
    property.setEditable(true);
    property.setPropertyType(proprtyType);
    property.setPropertyName(propertyName);
    sheetBox.add(property);

学习参考：TWaver Documents