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.
92 lines
2.8 KiB
92 lines
2.8 KiB
/** |
|
* guy |
|
* 复选框item |
|
* @type {*|void|Object} |
|
*/ |
|
BI.MultiSelectItem = BI.inherit(BI.BasicButton, { |
|
_defaultConfig: function () { |
|
return BI.extend(BI.MultiSelectItem.superclass._defaultConfig.apply(this, arguments), { |
|
extraCls: "bi-multi-select-item", |
|
attributes: { |
|
tabIndex: 1 |
|
}, |
|
height: BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT, |
|
logic: { |
|
dynamic: false |
|
}, |
|
iconWrapperWidth: 26, |
|
}); |
|
}, |
|
|
|
render: function () { |
|
var self = this, o = this.options; |
|
this.checkbox = BI.createWidget({ |
|
type: "bi.checkbox" |
|
}); |
|
this.checkbox.on(BI.Controller.EVENT_CHANGE, function (type) { |
|
if (type === BI.Events.CLICK) { |
|
self.setSelected(self.isSelected()); |
|
} |
|
}); |
|
return { |
|
type: "bi.vertical_adapt", |
|
columnSize: [o.iconWrapperWidth || o.height, "fill"], |
|
items: [{ |
|
type: "bi.center_adapt", |
|
items: [this.checkbox] |
|
}, { |
|
el: { |
|
type: "bi.label", |
|
ref: function (_ref) { |
|
self.text = _ref; |
|
}, |
|
cls: "list-item-text", |
|
textAlign: "left", |
|
whiteSpace: "nowrap", |
|
textHeight: o.height, |
|
height: o.height, |
|
hgap: o.textHgap, |
|
rgap: o.textRgap, |
|
lgap: o.textLgap, |
|
vgap: o.textVgap, |
|
text: o.text, |
|
keyword: o.keyword, |
|
value: o.value, |
|
py: o.py |
|
} |
|
}] |
|
}; |
|
}, |
|
|
|
// _setEnable: function (enable) { |
|
// BI.MultiSelectItem.superclass._setEnable.apply(this, arguments); |
|
// if (enable === true) { |
|
// this.element.attr("tabIndex", 1); |
|
// } else if (enable === false) { |
|
// this.element.removeAttr("tabIndex"); |
|
// } |
|
// }, |
|
|
|
doRedMark: function () { |
|
this.text.doRedMark.apply(this.text, arguments); |
|
}, |
|
|
|
unRedMark: function () { |
|
this.text.unRedMark.apply(this.text, arguments); |
|
}, |
|
|
|
doClick: function () { |
|
BI.MultiSelectItem.superclass.doClick.apply(this, arguments); |
|
this.checkbox.setSelected(this.isSelected()); |
|
if (this.isValid()) { |
|
this.fireEvent(BI.MultiSelectItem.EVENT_CHANGE, this.getValue(), this); |
|
} |
|
}, |
|
|
|
setSelected: function (v) { |
|
BI.MultiSelectItem.superclass.setSelected.apply(this, arguments); |
|
this.checkbox.setSelected(v); |
|
} |
|
}); |
|
BI.MultiSelectItem.EVENT_CHANGE = "EVENT_CHANGE"; |
|
BI.shortcut("bi.multi_select_item", BI.MultiSelectItem);
|
|
|