Browse Source

Pull request #2495: BI-95364 feat:表单更改

Merge in VISUAL/fineui from ~CLAIRE.TANG/fineui:master to master

* commit 'b85bbc93b07ad541e73a58f11cd9e0f1859ce203':
  BI-95364 feat:表单更改
es6
Claire.Tang 3 years ago
parent
commit
49a7a8078d
  1. 22
      src/component/form/form.field.js
  2. 2
      src/component/form/form.js

22
src/component/form/form.field.js

@ -9,7 +9,10 @@ BI.FormField = BI.inherit(BI.Widget, {
baseCls: "bi-form-field", baseCls: "bi-form-field",
label: "", label: "",
el: {}, el: {},
validate: BI.emptyFn labelAlign: "right", // 文字默认右对齐
validate: function () {
return true;
} // 默认返回true
}, },
render: function () { render: function () {
@ -24,7 +27,7 @@ BI.FormField = BI.inherit(BI.Widget, {
o.el.ref && o.el.ref.call(this, _ref); o.el.ref && o.el.ref.call(this, _ref);
}, },
height: o.el.height || 28, height: o.el.height || 28,
listeners: [{ listeners: BI.concat(o.el.listeners, [{
eventName: "EVENT_CHANGE", eventName: "EVENT_CHANGE",
action: function () { action: function () {
self.fireEvent("EVENT_CHANGE"); self.fireEvent("EVENT_CHANGE");
@ -32,9 +35,9 @@ BI.FormField = BI.inherit(BI.Widget, {
}, { }, {
eventName: "EVENT_CONFIRM", eventName: "EVENT_CONFIRM",
action: function () { action: function () {
self.fireEvent("EVENT_CHANGE"); self.fireEvent("EVENT_CONFIRM");
} }
}] }])
}), }),
left: 0, left: 0,
bottom: 0, bottom: 0,
@ -60,11 +63,14 @@ BI.FormField = BI.inherit(BI.Widget, {
type: "bi.vertical_adapt", type: "bi.vertical_adapt",
columnSize: ["auto", "fill"], columnSize: ["auto", "fill"],
verticalAlign: BI.VerticalAlign.Stretch, verticalAlign: BI.VerticalAlign.Stretch,
hgap: 5,
items: BI.isKey(o.label) ? [{ items: BI.isKey(o.label) ? [{
el: {
type: "bi.label", type: "bi.label",
text: o.label + ":", textAlign: o.labelAlign,
width: o.labelWidth text: o.label,
width: o.labelWidth,
rgap: 20 // 表单文字与右侧输入间距均为20px
}
}, field] : [field] }, field] : [field]
}; };
}, },
@ -77,7 +83,7 @@ BI.FormField = BI.inherit(BI.Widget, {
var isValid = this.validateWithNoTip(); var isValid = this.validateWithNoTip();
!isValid && this.error.setText(this.options.tip(this.field.getValue(), this.field)); !isValid && this.error.setText(this.options.tip(this.field.getValue(), this.field));
this.error.setVisible(!isValid); this.error.setVisible(!isValid);
this.element[isValid ? "removeClass" : "addClass"]("error"); this.field.element[isValid ? "removeClass" : "addClass"]("bi-error");
return isValid; return isValid;
}, },

2
src/component/form/form.js

@ -7,6 +7,7 @@ BI.Form = BI.inherit(BI.Widget, {
props: { props: {
baseCls: "bi-form", baseCls: "bi-form",
labelAlign: "right",
layout: { layout: {
type: "bi.vertical", type: "bi.vertical",
vgap: 20 vgap: 20
@ -40,6 +41,7 @@ BI.Form = BI.inherit(BI.Widget, {
return { return {
type: "bi.form_field", type: "bi.form_field",
height: item.el.height || 28, height: item.el.height || 28,
labelAlign: o.labelAlign,
labelWidth: o.labelWidth, labelWidth: o.labelWidth,
el: item.el, el: item.el,
label: item.label, label: item.label,

Loading…
Cancel
Save