forked from fanruan/fineui
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.
93 lines
2.6 KiB
93 lines
2.6 KiB
8 years ago
|
/**
|
||
|
|
*
|
||
|
|
* Created by GUY on 2016/1/18.
|
||
|
|
* @class BI.TextAreaEditor
|
||
|
|
* @extends BI.Single
|
||
|
|
*/
|
||
|
|
BI.TextAreaEditor = BI.inherit(BI.Single, {
|
||
|
|
_defaultConfig: function () {
|
||
|
|
return $.extend(BI.TextAreaEditor.superclass._defaultConfig.apply(), {
|
||
|
|
baseCls: 'bi-textarea-editor',
|
||
|
|
value: ''
|
||
|
|
});
|
||
|
|
},
|
||
|
|
_init: function () {
|
||
|
|
BI.TextAreaEditor.superclass._init.apply(this, arguments);
|
||
|
|
var o = this.options, self = this;
|
||
|
|
this.content = BI.createWidget({
|
||
|
|
type: "bi.layout",
|
||
|
|
tagName: "textarea",
|
||
|
|
width: "100%",
|
||
|
|
height: "100%",
|
||
|
|
cls: "textarea-editor-content display-block"
|
||
|
|
});
|
||
|
|
this.content.element.css({"resize": "none"});
|
||
|
|
BI.createWidget({
|
||
|
|
type: "bi.absolute",
|
||
|
|
element: this.element,
|
||
|
|
items: [{
|
||
|
|
el: {
|
||
|
|
type: "bi.adaptive",
|
||
|
|
items: [this.content]
|
||
|
|
},
|
||
|
|
left: 0,
|
||
|
|
right: 3,
|
||
|
|
top: 0,
|
||
|
|
bottom: 5
|
||
|
|
}]
|
||
|
|
});
|
||
|
|
|
||
|
|
this.content.element.focus(function () {
|
||
|
|
self.content.element.addClass("textarea-editor-focus");
|
||
|
|
self.fireEvent(BI.TextAreaEditor.EVENT_FOCUS);
|
||
|
|
});
|
||
|
|
this.content.element.blur(function () {
|
||
|
|
self.content.element.removeClass("textarea-editor-focus");
|
||
|
|
self.fireEvent(BI.TextAreaEditor.EVENT_BLUR);
|
||
|
|
});
|
||
|
|
if (BI.isKey(o.value)) {
|
||
|
|
self.setValue(o.value);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
focus: function () {
|
||
|
|
this.content.element.addClass("textarea-editor-focus");
|
||
|
|
this.content.element.focus();
|
||
|
|
},
|
||
|
|
|
||
|
|
blur: function () {
|
||
|
|
this.content.element.removeClass("textarea-editor-focus");
|
||
|
|
this.content.element.blur();
|
||
|
|
},
|
||
|
|
|
||
|
|
getValue: function () {
|
||
|
|
return this.content.element.val();
|
||
|
|
},
|
||
|
|
|
||
|
|
setValue: function (value) {
|
||
|
|
this.content.element.val(value);
|
||
|
|
},
|
||
|
|
|
||
|
|
setStyle: function (style) {
|
||
|
|
this.style = style;
|
||
|
|
this.element.css(style);
|
||
|
|
this.content.element.css(style)
|
||
|
|
},
|
||
|
|
|
||
|
|
getStyle: function () {
|
||
|
|
return this.style;
|
||
|
|
},
|
||
|
|
|
||
|
|
setValid: function (b) {
|
||
|
|
BI.TextAreaEditor.superclass.setValid.apply(this, arguments);
|
||
|
|
this.content.setValid(b);
|
||
|
|
},
|
||
|
|
|
||
|
|
setEnable: function (b) {
|
||
|
|
BI.TextAreaEditor.superclass.setEnable.apply(this, arguments);
|
||
|
|
this.content.setEnable(b);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
BI.TextAreaEditor.EVENT_BLUR = "EVENT_BLUR";
|
||
|
|
BI.TextAreaEditor.EVENT_FOCUS = "EVENT_FOCUS";
|
||
|
|
$.shortcut("bi.textarea_editor", BI.TextAreaEditor);
|