Как добавить слушатель событий двойного щелчка строки при расширении панели сетки с помощью Ext.define ()? - PullRequest
Новая
       33

Как добавить слушатель событий двойного щелчка строки при расширении панели сетки с помощью Ext.define ()?

17 голосов
/ 22 апреля 2011

Я расширяю GridPanel с помощью Ext.define () (Ext v4).

Мне нужно получить данные строки при двойном щелчке по строке сетки. На данный момент я даже не могу заставить работать прослушиватель событий: 

Ext.define('Application.usersGrid', {
extend: 'Ext.grid.GridPanel',
alias: 'widget.usersgrid',


viewConfig: {
    listeners: {
        dblclick: function(dataview, index, item, e) {
            alert('dblclick');
        }
    }
},
...

Что здесь не так?

Если кому-то нужен ответ - это правильный путь: 

Ext.define('Application.usersGrid', {
extend: 'Ext.grid.Panel',
alias: 'widget.usersgrid',


viewConfig: {
    listeners: {
        itemdblclick: function(dataview, record, item, index, e) {
            alert('itemdblclick');
        }
    }
},
...

http://dev.sencha.com/new/ext-js/4-0/api/Ext.grid.GridView#event-itemdblclick

Ответы [ 3 ]

24 голосов
/ 22 апреля 2011

Вам не нужно помещать слушателя в viewconfig.Вот моя рабочая конфигурация: 

listeners : {
    itemdblclick: function(dv, record, item, index, e) {
        alert('working');
    }
},

Другое дело, что вы, кажется, использовали Ext.grid.GridPanel в свойстве extendedНо в документации это Ext.grid.Panel.Но даже с gridpanel, кажется, все работает нормально.

Я бы предложил использовать термины Ext JS 4, так как это может привести к поломке приложения позже в других версиях 4.xхочу переместить эти действия в контроллер, а не в представление.Подробнее см. В руководстве по архитектуре MVC.

2 голосов
/ 11 мая 2011

С подходом MVC в ExtJS 4 есть и другой умный способ определить такие обработчики. Пример кода: 

Ext.define('App.controller.Documents', {

  extend: 'Ext.app.Controller',
  stores: ['Documents'],
  models: ['Document'],
  views: [
    'document.List',
    'document.Edit',
    'document.Preview'
  ],  

  init: function() {

    this.control({

      /*  
       * a cool way to select stuff in ExtJS 4
       */
      'documentlist': {
        itemdblclick: this.editDocument
      },  

      /*  
       * simple access to components
       */
      'documentedit button[action=save]': {
        click: this.updateDocument
      },  

    }); 

  },  

  editDocument: function(grid, record) {
    var view = Ext.widget('documentedit');
    view.down('form').loadRecord(record);
  },  

  updateDocument: function(button) {
    var win = button.up('window'),  // new selection API
        form   = win.down('form'),  // in ExtJS 4
        record = form.getRecord(),
        values = form.getValues();

    record.set(values);
    win.close();
  }
});
0 голосов
/ 21 июня 2017 
listeners: {
        select: 'xxxx',

        itemdblclick: function (dv, record, item, index, e) {
            var myBtn = Ext.getCmp('btnEdit');
            myBtn.onClick();
        }
    },
...