Klaus Kater

А нет вариантов не тянуть явным способом событие через компоненты, если их большое дерево, каждый надо вызывать с передачей экшна...
Я думал через сервис сделать, но передать событие в сервис можно, а из сервиса - опять проблема.

в общем пока натворил костыль, стыдно, но работает.

export default Ember.Service.extend({
    stack_view:[],
    open(obj){
    },
});

export default Ember.Component.extend({
    manager: Ember.inject.service(),
    init:function(){
         this.get('manager').set('open', this.open);
    },
    actions: {
         open(obj){
           console.log('OPEN');
        },
});
export default Ember.Component.extend({ // дочерние компоненты
       manager: Ember.inject.service(),
       actions: {
        open(){
          this.get('manager').open(this);
        },
      }
});

Проблем оказалось немного больше чем просто имя, использовал такое решение.
Создаются модели с прокси, по количеству необходимых.
stackoverflow.com/questions/12790220/why-cant-i-re...

Проблема была в данных в базе, колонка данных формата charfield, и я конечно записал туда некорректный json. Рушилось все при попытке распарсить жсон из базы.

Проблемы были в миграциях от старой базы, почистил их, миграции заработали.

Плюс постгрес почему то не хотел видеть стандартного пользователя, говорил
relation "auth_user" does not exist
решается отдельными миграциями:
python manage.py migrate auth
python manage.py migrate

Решил проблему почитав соседнюю ветку )
Не работает vsftpd (Ubuntu Server)?

Можем посоветовать себя ))

Кажется я совсем заизвращался.. но в таком виде оно работает. В компонент передается массив, соостветственно событие didInsertElement вызывается один раз, когда компонент создается, а дальше, необходимо отлавливать события изменения массива, и после загрузки изменений рефрешить табы......

<script type="text/x-handlebars" id="components/editor-tabs">
  <ul>
    {{#each tab in array}}
        <li><a {{bind-attr href=tab.route}}>{{tab.name}}</a></li>
    {{/each}}
  </ul>
  {{#each tab in array}}
      <div {{bind-attr id=tab.tabTitle}} {{bind-attr path=tab.id}}>
        {{tab.text}}
      </div>
  {{/each}}
  </script>

App.EditorTabsComponent = Ember.Component.extend({
  didInsertElement: function() {
    App.Tabs = this.$().tabs();
    this.array.addArrayObserver(this.array, {
      willChange: function(cows, offset, removeCount, addCount){
      },
      didChange:function(cows, offset, removeCount, addCount){

        Ember.run.scheduleOnce('afterRender', this, function(){
            App.Tabs.tabs('refresh');
        });
        console.log('didChange', cows.length, offset, removeCount, addCount);
      }
    });
  },
})

На стековерфлове посоветовали вот такую весчь github.com/satchmorun/ember-shortcuts, вроде работает.

Получилось манипулировать связями, вроде все автоматом проставляется.

App.Object = DS.Model.extend({
  children: DS.hasMany('object', {async: true, inverse: 'parent'}),
  parent: DS.belongsTo('object', {async: true, inverse: 'children'}),
  find_parents: function(elem){
    var in_parent = false;
    parent = this.get('parent').content
    in_parent = parent === elem;
    if(!in_parent && parent.get('parent').content){
      in_parent = parent.find_parents(elem);
    }
    return in_parent;
  },
});
var move_node = function(options){
    var target = options.target;
    var element = options.element;
    // не является собой, не является потомком себя
    if(element != target && !target.find_parents(element)){
      var children = target.get('children');
      children.pushObject(element);
///////////////////////////////////////////////////////
 ИЛИ 
      element.set('parent', target);

      element.save();
    }
};

App.ChildNodeComponent = Ember.Component.extend({
  attributeBindings : [ 'draggable' ],
  draggable         : true,
  drop: function(event) {
    opt = {
        'target':this.get('node'),
        'element':App.DragerObj,
    }
    move_node(opt);
  }
})

Спасибо, натолкнул на решение )) решением оказался Component

<script type="text/x-handlebars" id="components/child-node">
    <li>{{node.name}} {{node.type}}
    {{#if node.is_folder}}
        <span {{action "openNode" }}>(o)</span>
    {{/if}}
    </li>
    {{#if node.isOpen}}
        <ul>
            {{#each  node_ch in node.children}}
                {{child-node node=node_ch}}
            {{/each}}
        </ul>
    {{/if}}
</script>

//Какая то магия для самоссылки
var belongsTo = DS.belongsTo,
    hasMany = DS.hasMany;

App.Filefolder = DS.Model.extend({

  type: DS.attr('string'),

  name: DS.attr('string'),
  children: hasMany('filefolder', {async: true, inverse: 'parent'}),
  parent: belongsTo('filefolder', {async: true, inverse: 'children'}),
  isOpen: false,

  is_folder: function(){
    return this.get('type') == 0;
  }.property('type'),
});

App.FilefoldersRoute = Ember.Route.extend({
  model: function(params) {
    // Берем безымянный файлфолдер (сервер подставляет корневой)
    return this.store.find('filefolder', {'':''});
  }
});

App.ChildNodeComponent = Ember.Component.extend({
  actions: {
    openNode: function() {
      console.log('child component');
      var model = this.get('node');
      model.set('isOpen', true);
    }
  }
});

Это я такое придумал )) не надо делать со мной плохие вещи, мне может понравится потом не отделаетесь ))

Это получается запускается 2 сервера паралельно?
Идея, редактировать проект через браузер, не скачивая его локально и пр. Есть другие варианты?

item_if = $(item).clone(true);
item_if.target - undefined
Что я делаю не так?

Как авторизовать на сервере но при этом аяксом?