fineui/src/case/layer/panel.js

/**
 * 带有标题栏的pane
 * @class BI.Panel
 * @extends BI.Widget
 */
BI.Panel = BI.inherit(BI.Widget, {
    _defaultConfig: function () {
        return BI.extend(BI.Panel.superclass._defaultConfig.apply(this, arguments), {
            baseCls: "bi-panel bi-border",
            title: "",
            titleHeight: 30,
            titleButtons: [],
            el: {},
            // logic: {
            //     dynamic: false
            // }
        });
    },

    render: function () {
        return {
            type: "bi.vertical_fill",
            rowSize: ["", "fill"],
            items: [this._createTitle(), this.options.el]
        };
    },

    _createTitle: function () {
        var self = this, o = this.options;
        this.text = BI.createWidget({
            type: "bi.label",
            cls: "panel-title-text",
            text: o.title,
            height: o.titleHeight
        });

        this.button_group = BI.createWidget({
            type: "bi.button_group",
            items: o.titleButtons,
            layouts: [{
                type: "bi.center_adapt",
                lgap: 10
            }]
        });

        this.button_group.on(BI.Controller.EVENT_CHANGE, function () {
            self.fireEvent(BI.Controller.EVENT_CHANGE, arguments);
        });

        this.button_group.on(BI.ButtonGroup.EVENT_CHANGE, function (value, obj) {
            self.fireEvent(BI.Panel.EVENT_CHANGE, value, obj);
        });

        return {
            // el: {
            type: "bi.left_right_vertical_adapt",
            cls: "panel-title bi-header-background bi-border-bottom",
            height: BI.toPix(o.titleHeight, 1),
            items: {
                left: [this.text],
                right: [this.button_group]
            },
            lhgap: 10,
            rhgap: 10
            // },
            // height: BI.toPix(o.titleHeight, 1)
        };
    },

    setTitle: function (title) {
        this.text.setValue(title);
    }
});
BI.Panel.EVENT_CHANGE = "EVENT_CHANGE";

BI.shortcut("bi.panel", BI.Panel);