标签: ember-1

我的应用程序中有3列布局.我正在使用语义UI.所以,布局是:

<div class='ui celled grid'>
  <div class='left column'>...</div>
  <div class='middle column'>...</div>
  <div class='right column'>...</div>
</div>

所以,直截了当.

在我application.hbs看来它很简单:

<div class='ui celled grid'>
  <div class='left column'><!-- menu --></div>
  {{outlet}}
</div>

其他2列在我的子控制器/模板中.这工作正常,直到我需要一个View.如果我需要一个View,那么Ember使HTML布局变为:

<div class='ui celled grid'>
  <div class='left column'><!-- menu --></div>
  <div class='ember-view'>
    <div class='middle column'><!-- content --></div>
    <div class='right column'><!-- content --></div>
  </div>
</div>

包装<div class='ember-view'>破坏了我的布局.因为我并不总是需要一种View方法来使HTML与相同或不相同View.

在这一点上,我看到了2个解决方案.我要么必须以某种方式重新设计我的布局(我还没有解决).或者我可以摆脱包装div.

但是有可能摆脱包装div吗？我试过这个:

export default Ember.View.extend({
  tagName: null
});

但这不起作用.我也试过了span,但这仍然打破了我的布局.

有任何想法吗？

谢谢.

我试图将ember-models链接到ember-table以从服务器中提取分页记录,并在向下滚动时将它们添加到表中.

我可以通过在http://addepar.github.io/ember-table/上的ajax示例中请求我的api url来获取它的工作,但我无法弄清楚如何将它与ember-model集成以创建和ember对象,然后将它们添加到表中.

这是我的代码,只是发出ajax请求并添加到表.任何人都可以告诉我如何改变这个使用ember-model/ember-data代替.

App.TableAjaxExample = Ember.Namespace.create()

App.TableAjaxExample.LazyDataSource = Ember.ArrayProxy.extend

  createGithubEvent: (row, event) ->

    row.set 'id',       event.id
    row.set 'name',  event.name
    row.set 'isLoaded',   yes

  requestGithubEvent: (page) ->

    content = @get 'content'
    start   = (page - 1) * 30
    end     = start + 30
    per_page = 40
    # something like this ???
    #App.Detail.find(type: 'companies', page: page, per_page: per_page).on 'didLoad', ->
    url = "http:/myurl.dev/admin/details.json?type=companies&page=#{page}&per_page=30"
    Ember.$.getJSON url, (json) =>
      json.details.forEach (event, index) =>
        row = content[start + index]
        @createGithubEvent row, event
    [start...end].forEach …

我一直在努力使用单选按钮.我只是想动态创建一些单选按钮,然后将选中的单选按钮绑定到控制器上的属性.

我在这个问题中尝试了答案:https://stackoverflow.com/a/18991426/62653

但是,当您动态创建单选按钮时,它不起作用.

这是接受答案的片段:

 <label>
    {{view Ember.RadioButton name="selectionTest" selectionBinding="isSelected" value="true"}}
    true
 </label>
 <label>
     {{view Ember.RadioButton name="selectionTest" selectionBinding="isSelected" value="false"}}
    false
 </label>

但是当您像这样动态创建单选按钮视图时,它不起作用:

{{#each myModel.someCollection}}
    <label>
        {{view Ember.RadioButton name="selectionTest" selectionBinding="isSelected" value=id}}
        {{id}}
    </label>
{{/each}}

如果您使用循环创建如上所述的单选按钮,则该属性isSelected不会更新.

绑定单选按钮的任何想法或其他解决方案？