fineui/docs/core/layout/grid.md

bi.grid

网格布局

{% method %} source

{% common %}

BI.createWidget({
    type: 'bi.grid',
    element: "#wrapper",
    columns: 2,
    rows: 2,
    items: [{
        column: 0,
        row: 0,
        el: {
            type: "bi.label",
            text: "column-0, row-0",
            cls: "layout-bg1"
        }
        }, {
        column: 1,
        row: 0,
        el: {
            type: "bi.label",
            text: "column-1, row-0",
            cls: "layout-bg2"
        }
        }  {
        column: 0,
        row: 1,
        el: {
            type: "bi.label",
            text: "column-0, row-1",
            cls: "layout-bg5"
        }
        }, {
        column: 1,
        row: 1,
        el: {
            type: "bi.label",
            text: "column-1, row-1",
            cls: "layout-bg6"
        }
    }]
});

{% endmethod %}

API

基础属性

参数	说明	类型	可选值	默认值
columns	列数	number	—	null
rows	行数	number	—	null
items	子控件数组,二维数组的时候行和列个数就表示了rows和columns	array	—	[]或

---