Demo = {};
+Demo.Buttons = 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: '普通灰化按钮',
+ disabled: true,
+ level: 'success',
+ height: 30
+ }
+ }, {
+ el: {
+ type: 'bi.button',
+ text: '带图标的按钮',
+
+ iconClass: "close-font",
+ height: 30
+ }
+ }, {
+ el: {
+ type: 'bi.button',
+ text: '一般按钮',
+ block: true,
+ level: 'common',
+ height: 30
+ }
+ },
+ {
+ el: {
+ type: 'bi.button',
+ text: '普通灰化按钮',
+ block: true,
+ disabled: true,
+ level: 'success',
+ height: 30
+ }
+ }, {
+ el: {
+ type: 'bi.button',
+ text: '带图标的按钮',
+ block: true,
+
+ iconClass: "close-font",
+ height: 30
+ }
+ }, {
+ el: {
+ type: 'bi.button',
+ text: '一般按钮',
+ clear: true,
+ level: 'common',
+ height: 30
+ }
+ },
+ {
+ el: {
+ type: 'bi.button',
+ text: '普通灰化按钮',
+ clear: true,
+ disabled: true,
+ level: 'success',
+ height: 30
+ }
+ }, {
+ el: {
+ type: 'bi.button',
+ text: '带图标的按钮',
+ clear: true,
+
+ iconClass: "close-font",
+ height: 30
+ }
+ }, {
+ el: {
+ type: 'bi.text_button',
+ text: '文字按钮',
+ height: 30
+ }
+ }
+ ];
+ 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.buttons", Demo.Buttons);
+BI.createWidget({
+ type: 'demo.buttons',
+ element: "#wrapper",
+ text: '一般按钮',
+ level: 'common',
+ height: 30
+});
+
+