2013-07-10 73 views
0

我正在使用emberjs rc6引导程序。我想使用渲染助手来显示引导模式。这是我做过什么:emberjs控制器通信混淆

avatar.hbs:

<aside class='avatar-aside'> 
    **{{#if inEditModel}} 
    {{render 'avatar/edit' model}} 
    {{/if}}** 
</aside> 

<div class='avatar-inner'> 
    {{#if canManage}} 
    <a class='lnk-edit' href='#' **{{action 'edit'}}**> 
     <img class='image-medium' {{bindAttr src='imageMediumPath'}}> 
     <span class='bar-edit'><i class='icon-edit'></i></span> 
    </a> 
    {{else}} 
    <img class='image-medium' 
     {{bindAttr src='imageMediumPath' 
        alt='controllers.user.basicinfo.nickname'}}> 
    {{/if}} 
</div> 

avatar_controller.js.coffee

Yu.AvatarController = Em.ObjectController.extend 
    inEditModel: false 

    edit: -> 
    @set 'inEditModel', true 

头像/ edit_view.js.coffee

Yu.AvatarEditView = Em.View.extend 
    tagName: 'section' 
    classNames: 'avatar-edit modal fade'.w() 

    didInsertElement: -> 
    @$().modal 
     backdrop: 'static' 
     keyboard: false 

    willDestroyElement: -> 
    @$().modal 'hide' 

头像/ edit_controller .js.coffee

Yu.AvatarEditController = Em.ObjectController.extend 
    needs: 'avatar flashEmbeded'.w() 

    close: -> 
    @get('controllers.avatar').set 'inEditModel', false 

    cancel: -> 
    @get('controllers.avatar').set 'inEditModel', false 

    update: -> 
    userId = @get 'userId' 

    Yu.Avatar. 
     update(userId). 

     done((response) => 
     @get('controllers.avatar').set 'inEditModel', false 
    ). 

     fail((response) => 
     errormsg = $.parseJSON(response.responseText).errors[0] 
     @get('controllers.flashEmbeded').notify 'errormsg', errormsg 
    ) 

正如你所看到的,我想通过化身控制器的开关inEditModel来显示或隐藏化身/编辑模板。直到现在,我知道的是当我做 @get('controllers.avatar')。set'inEditModel',在头像编辑控制器中为false,头像控制器中的inEditModel不会改变。 我想知道是否有两个不同的化身控制器实例。我做错了什么?谢谢!

回答

1

我猜你是在一些有约束力的问题,运行在这里,有什么可以帮助正在试图更多类似这样定义的东西:

Yu.AvatarEditController = Em.ObjectController.extend 
    needs: 'avatar flashEmbeded'.w() 
    avatarControllerBinding: 'controllers.avatar' 

    close: -> 
    @get('avatarController').set 'inEditModel', false 

    cancel: -> 
    @get('avatarController').set 'inEditModel', false 
    ... 

至于引导模式,你一定要看看这个插件https://github.com/emberjs-addons/ember-bootstrap 。我已经成功地使用了它,它已经与ember.js rc6一起使用了。

希望它有帮助。

+0

感谢您的回复!我不知道它是否有约束力问题。我现在想的是“只需要单身控制器”:http://discuss.emberjs.com/t/documentation-needs-api-is-it-only-for-singleton-controllers/911/3就我而言,我在用户模板中渲染了头像模板:{{render'avatar'avatar}}这创建了头像控制器的一个实例。我已将{{controller}}和{{controllers.avatar}}放入avatar.hbs avatar/edit.hbs它们会返回不同的ID。 – xnjiang