fineui是帆软报表和BI产品线所使用的前端框架。
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

1.8 KiB

bi.horizontal

水平流式布局

{% method %} source

{% common %}


BI.createWidget({
    type: 'bi.horizontal',
    element: "#wrapper",
    items: [{
        type: "bi.absolute",
        items: [{
            el: {
                type: "bi.text_button",
                cls: "layout-bg1",
                text: "这里设置了lgap,rgap,tgap,bgap",
                height: 30
            },
            left: 0,
            right: 0
        }],
        width: 100,
        height: 30
    }, {
        type: "bi.absolute",
        items: [{
            el: {
                type: "bi.text_button",
                cls: "layout-bg2",
                text: "这里设置了lgap,rgap,tgap,bgap",
                height: 30
            },
            left: 0,
            right: 0
        }],
        width: 200,
        height: 30
    }]
});



{% endmethod %}

API

基础属性
参数 说明 类型 可选值 默认值
hgap 效果相当于容器左右padding值 number 0
vgap 效果相当于容器上下padding值 number 0
lgap 效果相当于容器left-padding值 number 0
rgap 效果相当于容器right-padding值 number 0
tgap 效果相当于容器top-padding值 number 0
bgap 效果相当于容器bottom-padding值 number 0
columnSize 每列宽度所组成的数组 array [ ]
verticalAlign 元素的垂直对齐方式 string 参考相关css属性 "middle"
scrollx 设置水平方向是否有滚动条 boolean true,false true