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.
71 lines
2.2 KiB
71 lines
2.2 KiB
8 years ago
|
/**
|
||
|
|
* 查看已选按钮
|
||
|
|
* Created by guy on 15/11/3.
|
||
|
|
* @class BI.MultiTreeCheckSelectedButton
|
||
|
|
* @extends BI.Single
|
||
|
|
*/
|
||
|
|
BI.MultiTreeCheckSelectedButton = BI.inherit(BI.Single, {
|
||
|
|
|
||
|
|
_const: {
|
||
|
|
checkSelected: BI.i18nText('BI-Check_Selected')
|
||
|
|
},
|
||
|
|
|
||
|
|
_defaultConfig: function () {
|
||
|
|
return BI.extend(BI.MultiTreeCheckSelectedButton.superclass._defaultConfig.apply(this, arguments), {
|
||
|
|
baseCls: 'bi-multi-tree-check-selected-button',
|
||
|
|
itemsCreator: BI.emptyFn
|
||
|
|
});
|
||
|
|
},
|
||
|
|
|
||
|
|
_init: function () {
|
||
|
|
BI.MultiTreeCheckSelectedButton.superclass._init.apply(this, arguments);
|
||
|
|
var self = this;
|
||
|
|
this.indicator = BI.createWidget({
|
||
|
|
type: 'bi.icon_button',
|
||
|
|
cls: 'check-font trigger-check-selected',
|
||
|
|
width: 15,
|
||
|
|
height: 15,
|
||
|
|
stopPropagation: true
|
||
|
|
});
|
||
|
|
|
||
|
|
this.checkSelected = BI.createWidget({
|
||
|
|
type: 'bi.text_button',
|
||
|
|
cls: "trigger-check-selected",
|
||
|
|
invisible: true,
|
||
|
|
hgap: 4,
|
||
|
|
text: this._const.checkSelected,
|
||
|
|
textAlign: 'center',
|
||
|
|
textHeight: 15
|
||
|
|
});
|
||
|
|
this.checkSelected.on(BI.Controller.EVENT_CHANGE, function () {
|
||
|
|
self.fireEvent(BI.Controller.EVENT_CHANGE, arguments);
|
||
|
|
});
|
||
|
|
|
||
|
|
this.checkSelected.on(BI.TextButton.EVENT_CHANGE, function () {
|
||
|
|
self.fireEvent(BI.MultiSelectCheckSelectedButton.EVENT_CHANGE, arguments);
|
||
|
|
});
|
||
|
|
|
||
|
|
BI.createWidget({
|
||
|
|
type: "bi.horizontal",
|
||
|
|
element: this,
|
||
|
|
items: [this.indicator, this.checkSelected]
|
||
|
|
})
|
||
|
|
|
||
|
|
this.element.hover(function () {
|
||
|
|
self.indicator.setVisible(false);
|
||
|
|
self.checkSelected.setVisible(true);
|
||
|
|
}, function () {
|
||
|
|
self.indicator.setVisible(true);
|
||
|
|
self.checkSelected.setVisible(false);
|
||
|
|
});
|
||
|
|
this.setVisible(false);
|
||
|
|
},
|
||
|
|
|
||
|
|
setValue: function (v) {
|
||
|
|
v || (v = {});
|
||
|
|
this.setVisible(BI.size(v.value) > 0);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
BI.MultiTreeCheckSelectedButton.EVENT_CHANGE = "EVENT_CHANGE";
|
||
|
|
$.shortcut('bi.multi_tree_check_selected_button', BI.MultiTreeCheckSelectedButton);
|