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.
 
 
 

2.4 KiB

提示性信息

{% method %} source

{% common %}


var bubble = BI.createWidget({
    type: "bi.left",
    items: [{
        el: {
            type: 'bi.button',
            text: 'bubble测试',
            height: 30,
            handler: function () {
                BI.Bubbles.show("singleBubble1", "bubble测试", this);
                btns.push("singleBubble1");
            }
        }
    },{
        el: {
            type: 'bi.button',
            text: '隐藏所有 bubble',
            height: 30,
            cls: "layout-bg2",
            handler: function () {
                BI.each(btns, function (index, value) {
                    BI.Bubbles.hide(value);
                })
            }
        }
    }],
    hgap: 20,
    vgap: 20
});

var title = BI.createWidget({
    type: "bi.vertical",
    items: [{
        type: "bi.label",
        cls: "layout-bg1",
        height: 50,
        title: "title提示",
        text: "移上去有title提示",
        textAlign: "center"
    }],
    hgap: 20,
    vgap: 20
});

var toast = BI.createWidget({
    type: "bi.vertical",
    items: [{
        el: {
            type: 'bi.button',
            text: '简单Toast测试',
            height: 30,
            handler: function () {
                BI.Msg.toast("这是一条简单的数据");
            }
        }
    }],
    vgap: 20
});


BI.createWidget({
    type: "bi.horizontal_auto",
    element: "#wrapper",
    vgap: 20,
    hgap: 20,
    items: [bubble, title, toast]
});


{% endmethod %}

API

基础属性
参数 说明 类型 可选值 默认值
hgap 效果相当于文本框左右padding值 number 10
vgap 效果相当于文本框上下padding值 number 0
lgap 效果相当于文本框left-padding值 number 0
rgap 效果相当于文本框right-padding值 number 0
tgap 效果相当于文本框top-padding值 number 0
bgap 效果相当于文本框bottom-padding值 number 0
items 子控件数组 array
width 宽度 number
height 高度 number