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.
87 lines
2.2 KiB
87 lines
2.2 KiB
import { shortcut, Widget, each } from "@/core"; |
|
import { Msg } from "@/base"; |
|
|
|
@shortcut() |
|
export class Buttons extends Widget { |
|
static xtype = "demo.buttons"; |
|
|
|
props = { baseCls: "demo-button" }; |
|
|
|
render() { |
|
const items = [ |
|
{ |
|
el: { |
|
type: "bi.button", |
|
text: "一般按钮", |
|
level: "common", |
|
height: 30, |
|
}, |
|
}, |
|
{ |
|
el: { |
|
type: "bi.button", |
|
text: "带图标的按钮", |
|
// level: 'ignore', |
|
iconCls: "close-font", |
|
height: 30, |
|
}, |
|
}, |
|
{ |
|
el: { |
|
type: "bi.button", |
|
text: "一般按钮", |
|
block: true, |
|
level: "common", |
|
height: 30, |
|
}, |
|
}, |
|
{ |
|
el: { |
|
type: "bi.button", |
|
text: "一般按钮", |
|
clear: true, |
|
level: "common", |
|
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", |
|
}, |
|
} |
|
]; |
|
each(items, (i, item) => { |
|
item.el.handler = function () { |
|
Msg.alert("按钮", this.options.text); |
|
}; |
|
}); |
|
|
|
return { |
|
type: "bi.left", |
|
vgap: 100, |
|
hgap: 20, |
|
items, |
|
}; |
|
} |
|
}
|
|
|