Browse Source

KERNEL-5172 fix: editor修改

es6
iapyang 4 years ago
parent
commit
c067965ec1
  1. 4
      demo/js/base/editor/demo.editor.js
  2. 52
      src/base/single/editor/editor.js

4
demo/js/base/editor/demo.editor.js

@ -16,7 +16,7 @@ Demo.Editor = BI.inherit(BI.Widget, {
}); });
var editor2 = BI.createWidget({ var editor2 = BI.createWidget({
type: "bi.editor", type: "bi.editor",
cls: "mvc-border", cls: "bi-border",
watermark: "输入'a'会有错误信息", watermark: "输入'a'会有错误信息",
disabled: true, disabled: true,
errorText: "字段不可重名", errorText: "字段不可重名",
@ -32,7 +32,7 @@ Demo.Editor = BI.inherit(BI.Widget, {
}); });
var editor3 = BI.createWidget({ var editor3 = BI.createWidget({
type: "bi.editor", type: "bi.editor",
cls: "mvc-border", cls: "bi-border",
watermark: "输入'a'会有错误信息且回车键不能退出编辑", watermark: "输入'a'会有错误信息且回车键不能退出编辑",
errorText: "字段不可重名", errorText: "字段不可重名",
value: "a", value: "a",

52
src/base/single/editor/editor.js

@ -6,6 +6,7 @@
BI.Editor = BI.inherit(BI.Single, { BI.Editor = BI.inherit(BI.Single, {
_defaultConfig: function () { _defaultConfig: function () {
var conf = BI.Editor.superclass._defaultConfig.apply(this, arguments); var conf = BI.Editor.superclass._defaultConfig.apply(this, arguments);
return BI.extend(conf, { return BI.extend(conf, {
baseCls: "bi-editor bi-focus-shadow", baseCls: "bi-editor bi-focus-shadow",
hgap: 4, hgap: 4,
@ -21,7 +22,7 @@ BI.Editor = BI.inherit(BI.Single, {
quitChecker: BI.emptyFn, quitChecker: BI.emptyFn,
allowBlank: false, allowBlank: false,
watermark: "", watermark: "",
errorText: "" errorText: "",
}); });
}, },
@ -46,27 +47,6 @@ BI.Editor = BI.inherit(BI.Single, {
padding: "0", padding: "0",
margin: "0" margin: "0"
}); });
if (BI.isKey(this.options.watermark)) {
this._assertWaterMark();
}
var _items = [];
if (this.watermark) {
_items.push({
el: this.watermark,
left: 3,
right: 3,
top: 0,
bottom: 0
});
}
_items.push({
el: this.editor,
left: 0,
right: 0,
top: 0,
bottom: 0
});
var items = [{ var items = [{
el: { el: {
@ -74,7 +54,13 @@ BI.Editor = BI.inherit(BI.Single, {
ref: function(_ref) { ref: function(_ref) {
self.contentWrapper = _ref; self.contentWrapper = _ref;
}, },
items: _items items: [{
el: this.editor,
left: 0,
right: 0,
top: 0,
bottom: 0
}]
}, },
left: o.hgap + o.lgap, left: o.hgap + o.lgap,
right: o.hgap + o.rgap, right: o.hgap + o.rgap,
@ -87,6 +73,9 @@ BI.Editor = BI.inherit(BI.Single, {
element: this, element: this,
items: items items: items
}); });
this.setWaterMark(this.options.watermark);
this.editor.on(BI.Controller.EVENT_CHANGE, function () { this.editor.on(BI.Controller.EVENT_CHANGE, function () {
self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); self.fireEvent(BI.Controller.EVENT_CHANGE, arguments);
}); });
@ -199,7 +188,7 @@ BI.Editor = BI.inherit(BI.Single, {
type: "bi.label", type: "bi.label",
cls: "bi-water-mark", cls: "bi-water-mark",
text: this.options.watermark, text: this.options.watermark,
height: o.height - 2 * (o.vgap + o.tgap), height: o.height - 2 * o.vgap - o.tgap,
whiteSpace: "nowrap", whiteSpace: "nowrap",
textAlign: "left" textAlign: "left"
}); });
@ -247,8 +236,13 @@ BI.Editor = BI.inherit(BI.Single, {
}, },
setWaterMark: function(v) { setWaterMark: function(v) {
if (!BI.isKey(v)) {
return;
}
this.options.watermark = v; this.options.watermark = v;
if(BI.isNull(this.watermark)) {
if (BI.isNull(this.watermark)) {
this._assertWaterMark(); this._assertWaterMark();
BI.createWidget({ BI.createWidget({
type: "bi.absolute", type: "bi.absolute",
@ -258,11 +252,11 @@ BI.Editor = BI.inherit(BI.Single, {
left: 3, left: 3,
right: 3, right: 3,
top: 0, top: 0,
bottom: 0 bottom: 0,
}] }],
}) });
} }
BI.isKey(v) && this.watermark.setText(v); this.watermark.setText(v);
}, },
_setErrorVisible: function (b) { _setErrorVisible: function (b) {

Loading…
Cancel
Save