waver-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

猜你喜欢

转载自blog.csdn.net/qq_43291759/article/details/124425896
今日推荐