我有一个包含多个字段的表单。当用户单击其中一个字段时,表单一侧的div将填充有关该字段的信息以及如何最好地填写该字段。此信息div实际上是一个视图,我通过为每个字段分配tip
属性来填充帮助文本。代码如下所示:
# form field
Em.TextField valueBinding="name" tip="Put the <strong>name</strong> of your organization here."
# views
# Tip Box
Whistlr.TipBoxView = Em.View.extend
templateName: 'tipBox'
classNames: ['ember-tip-box']
content: ""
actions:
setContent: (content) ->
@set 'content', content
# Text field
Em.TextField.reopen
tip: ''
click: ->
Ember.View.views[$(".ember-form-info-box").attr('id')].set 'content', @tip
# template
== view.content
这种方法运作得很好,但其中一部分确实困扰我。具体来说,为了找到提示框视图,我会像这样搜索它:Ember.View.views[$(".ember-form-info-box").attr('id')]
。只要我只有一个带有单个尖端视图的表单,这就可以工作,但如果我有多个表单,它就会中断。这不是现在的问题,但可能会在将来出现问题。它也感觉很骇人。
是否有更直接的方法将视图与特定表单相关联?