无需在Ember上单击鼠标右键即可检测文本框中的更改

时间:2018-05-01 18:40:49

标签: javascript ember.js

我有一个Ember.js应用程序,其中包含一个表单,在填写两个输入字段之前无法提交。当前代码包含此作为mixin的一部分:

disableSubmit: (function() {
  return (this.get('field1.amout') == null) || (this.get('field2.amount') == null);
}).property('field1', 'field2'),

几乎的行为方式与我想要的方式相同,只是在用户点击第二个输入之前,提交按钮才会启用。如何在不需要用户单击的情况下更新属性?

编辑:以下是hbs代码:

<div class="l-notification-buttons-container">
  <div class="l-notification-button-container">
    {{input-value value=field1
      inputClassNames='l-input-textbox'
      isInvalid=inputInvalid
      invalidClass='input-is-invalid'
      disabled=isSaving}}
  </div>
  <div class="l-notification-button-container">
    {{input-value value=field2
      inputClassNames='l-input-textbox'
      isInvalid=inputInvalid
      invalidClass='input-is-invalid'
      disabled=isSaving}}
  </div>
  <div class="l-notification-button-container">
    {{button-loading isLoading=isSaving
      action="submitValues"
      disabled=disableSubmit
      labelTranslation="button.submit"
      class="button--blue l-submit-button"}}
  </div>
</div>

0 个答案:

没有答案