fineui/demo/js/base/button/demo.button.js

Demo.Button = BI.inherit(BI.Widget, {
    props: {
        baseCls: "demo-button"
    },
    render: function () {
        var items = [
            {
                el: {
                    type: "bi.button",
                    text: "一般按钮",
                    level: "common",
                    height: 30
                }
            }, {
                el: {
                    type: "bi.button",
                    text: "表示成功状态按钮",
                    level: "success",
                    height: 30
                }
            },
            {
                el: {
                    type: "bi.button",
                    text: "表示警告状态的按钮",
                    level: "warning",
                    height: 30
                }
            }, {
                el: {
                    type: "bi.button",
                    text: "表示忽略状态的按钮",
                    level: "ignore",
                    height: 30
                }
            }, {
                el: {
                    type: "bi.button",
                    text: "普通灰化按钮",
                    disabled: true,
                    level: "success",
                    height: 30
                }
            }, {
                el: {
                    type: "bi.button",
                    text: "忽略状态灰化按钮",
                    disabled: true,
                    level: "ignore",
                    height: 30
                }
            }, {
                el: {
                    type: "bi.button",
                    text: "带图标的按钮",
                    // level: 'ignore',
                    iconClass: "close-font",
                    height: 30
                }
            }, {
                el: {
                    type: "bi.button",
                    text: "一般按钮",
                    block: true,
                    level: "common",
                    height: 30
                }
            }, {
                el: {
                    type: "bi.button",
                    text: "表示成功状态按钮",
                    block: true,
                    level: "success",
                    height: 30
                }
            },
            {
                el: {
                    type: "bi.button",
                    text: "表示警告状态的按钮",
                    block: true,
                    level: "warning",
                    height: 30
                }
            }, {
                el: {
                    type: "bi.button",
                    text: "表示忽略状态的按钮",
                    block: true,
                    level: "ignore",
                    height: 30
                }
            }, {
                el: {
                    type: "bi.button",
                    text: "普通灰化按钮",
                    block: true,
                    disabled: true,
                    level: "success",
                    height: 30
                }
            }, {
                el: {
                    type: "bi.button",
                    text: "忽略状态灰化按钮",
                    block: true,
                    disabled: true,
                    level: "ignore",
                    height: 30
                }
            }, {
                el: {
                    type: "bi.button",
                    text: "带图标的按钮",
                    block: true,
                    // level: 'ignore',
                    iconClass: "close-font",
                    height: 30
                }
            }, {
                el: {
                    type: "bi.button",
                    text: "一般按钮",
                    clear: true,
                    level: "common",
                    height: 30
                }
            }, {
                el: {
                    type: "bi.button",
                    text: "表示成功状态按钮",
                    clear: true,
                    level: "success",
                    height: 30
                }
            },
            {
                el: {
                    type: "bi.button",
                    text: "表示警告状态的按钮",
                    clear: true,
                    level: "warning",
                    height: 30
                }
            }, {
                el: {
                    type: "bi.button",
                    text: "表示忽略状态的按钮",
                    clear: true,
                    level: "ignore",
                    height: 30
                }
            }, {
                el: {
                    type: "bi.button",
                    text: "普通灰化按钮",
                    clear: true,
                    disabled: true,
                    level: "success",
                    height: 30
                }
            }, {
                el: {
                    type: "bi.button",
                    text: "忽略状态灰化按钮",
                    clear: true,
                    disabled: true,
                    level: "ignore",
                    height: 30
                }
            }, {
                el: {
                    type: "bi.button",
                    text: "带图标的按钮",
                    clear: true,
                    // level: 'ignore',
                    iconClass: "close-font",
                    height: 30
                }
            }, {
                el: {
                    type: "bi.multi_select_bar",
                    selected: true,
                    halfSelected: true
                }
            }, {
                el: {
                    type: "bi.multi_select_bar",
                    selected: true,
                    halfSelected: false
                }
            }, {
                el: {
                    type: "bi.multi_select_bar",
                    selected: false,
                    halfSelected: true
                }
            }, {
                el: {
                    type: "bi.multi_select_bar"
                }
            }
        ];
        BI.each(items, function (i, item) {
            item.el.handler = function () {
                BI.Msg.alert("按钮", this.options.text);
            };
        });
        return {
            type: "bi.left",
            vgap: 100,
            hgap: 20,
            items: items
        };
    }
});
BI.shortcut("demo.button", Demo.Button);