HT for Web 边框面板手册

索引


概述

HT for Web提供了边框面板ht.widget.BorderPane的组件布局容器,可在上、下、左、右、中的五个区域位置摆放子组件, 子组件可为HT框架提供的组件,也可为HTML原生组件,子组件以positionabsolute方式进行绝对定位。

TablePaneTreeTablePane组件内部就是采用BorderPane,对TableViewTableHeader进行布局。

边框面板

边框面板类ht.widget.BorderPane主要可配置属性和函数如下:

示例中构建了两个BorderPane对象,其中innerBorder对象嵌套到另外一个的centerView的中间位置:

borderPane = new ht.widget.BorderPane();       
innerBorder = new ht.widget.BorderPane();

innerBorder.setTopView(createDiv('lightyellow', 'top'), 50);
innerBorder.setBottomView(createDiv('lightyellow', 'bottom'), 50);
innerBorder.setLeftView(createDiv('#3498DB', 'left'), 100);
innerBorder.setRightView(createDiv('#3498DB', 'right'), 100); 
innerBorder.setCenterView(createDiv('#F4F4F4', 'center')); 

borderPane.setTopView(createDiv('#1ABC9C'), 30);
borderPane.setBottomView(createDiv('#1ABC9C'), 30);
borderPane.setLeftView(createDiv('#E74C3C'), 50);
borderPane.setRightView(createDiv('#E74C3C'), 50);  
borderPane.setCenterView(innerBorder);   

欢迎交流 service@hightopo.com