0


我在理解 form.element 中的复选框如何工作时遇到了一些问题。具体来说，当我单击复选框时，我不明白如何刷新我的表单结果。它在这里定义：Ember-bootstrap doc about form.element

我的模板看起来像这样： 带复选框的模板

车把代码为：

{{#bs-form formLayout="horizontal" model=this as | form |}}

  <div class="row">
    <div class="col-md-3">
      {{form.element label=(t 'audit.enable_wsapicall')
                        disabled=fetchingData controlType='checkbox'
                        value=wsapicallEnabled}}
    </div>
    <div class="col-md-3">
      {{form.element label=(t 'audit.enable_userevent')
                        disabled=fetchingData controlType='checkbox'
                        value=userEventEnabled}}
    </div>
    <div class="col-md-3">
      {{form.element label=(t 'audit.enable_doorevent')
                        disabled=fetchingData controlType='checkbox'
                        value=doorEventEnabled}}
    </div>
    <div class="col-md-3">
      {{form.element label=(t 'audit.enable_groupevent')
                        disabled=fetchingData controlType='checkbox'
                        value=groupEventEnabled}}
    </div>
  </div>

  <div class="row">
    <div class="col-md-3">
      {{form.element label=(t 'audit.enable_credentialevent')
                        disabled=fetchingData controlType='checkbox'
                        value=credentialEventEnabled}}
    </div>
    <div class="col-md-3">
      {{form.element label=(t 'audit.enable_scheduleevent')
                        disabled=fetchingData controlType='checkbox'
                        value=scheduleEventEnabled}}
    </div>
    <div class="col-md-3">
      {{form.element label=(t 'audit.enable_usergroupevent')
                        disabled=fetchingData controlType='checkbox'
                        value=userGroupMembershipEventEnabled}}
    </div>
    <div class="col-md-3">
      {{form.element label=(t 'audit.enable_updateevent')
                        disabled=fetchingData controlType='checkbox'
                        value=updateEventEnabled}}
    </div>
    <div class="col-md-3">
      {{form.element label=(t 'audit.enable_zoneevent')
                        disabled=fetchingData controlType='checkbox'
                        value=zoneEventEnabled}}
    </div>
  </div>
{{/bs-form}}

当我点击一个复选框时，我有一个我不明白的错误。这是错误：
断言失败：如果不使用模型或直接在表单元素上设置值，则不能对表单元素使用表单元素的默认 onChange 操作。在这种情况下，您必须将自己的 onChange 操作添加到表单元素！

它所指的 onChange 动作可能是一个令人耳目一新的动作。我尝试了我制作的一个，但它似乎对我不起作用。

所以我问你是否可以帮助我理解 form.element 中用于 Ember.js 引导模块的复选框。

感谢您的时间和关注！

4

2 回答 2

1

我遇到了同样的问题，我通过设置表单模型并为每个元素设置属性值来修复它。在此处查看示例：

http://www.ember-bootstrap.com/api/classes/Components.Form.html

于 2017-10-30T23:59:26.203 回答
0

看起来该错误告诉您需要为这些复选框元素设置一个值。您传递给表单的变量是否在某处定义？

于 2017-07-21T01:19:41.220 回答