Элемент выбора элемента оформления внешней рамки ExtJs.

Question

Я пытаюсь разработать приложение, использующее Ext JS. до сих пор я разработал видовое окно с макетом границы, и я вешу северный регион, сделанный в южном регионе. в центральной области i есть несколько панелей типа 1. для поиска данных. 2. Введите список задач данных (форма), а на следующей панели к этому я также хотел бы отобразить сетку и динамическое поведение элемента двойным щелчком. Мне удалось собрать все вместе.

С другой стороны, я определил контроллер, где он прослушивает элемент двойным щелчком по сетке. например:

this.control({ 
    'viewport>userlist': { 
     itemdblclick: this. editUser, 
    }, 
....... 

так что если я кладу список пользователей в окне просмотра в центральной области, наряду с двумя другими панели выбор не работает. нужны предложения.

Ниже приведен код, который я:

launch : function() { 
    Ext.create('Ext.container.Viewport', { 
     layout : 'border', 
     autoScroll : true, 
     items : [{ 
      region: 'north', 
      ....... 
     },{ 
      region: 'west', 
      .............. 
     },{ 
      region: 'center', 
      items:[{ 
       xtype: 'panel', 
       .............. 
      },{ 
       xtype: 'panel', 
       ............ 
      },{ 
       xtype: 'userlist'//this is what i like to have and my controller should respond the item click. 
      }] 
     }] 

застрял !!!! помощь будет высоко оценена !!!

Answer 1

Похоже, что ваша ссылка не определена правильно. Так userlist встроен внутри panel (ваш центр области), с помощью viewport > userlist не будет работать, если только вы либо (1) включают в себя содержащий панель или (2) удалить >:

this.control({ 
    'viewport > panel > userlist': { 
     itemdblclick: this.editUser, 
    }, 
....... 

или:

this.control({ 
    'viewport userlist': { 
     itemdblclick: this.editUser, 
    }, 
....... 

Это потому, что > в Ext.ComponentQuery выглядит только для напрямую детей в дереве компонентов. См. Здесь для документов: http://docs.sencha.com/extjs/4.2.1/#!/api/Ext.ComponentQuery