ExtJS定義組合框更改事件沒有觸發

我在ExtJS 6.0.1中有一個網格和rowEditing插件網格中的一列是我定義的一個自定義組合框組件。自定義組合框組件具有更改事件。但它並沒有解僱。ExtJS定義組合框更改事件沒有觸發

這裏是代碼;

**//RowEditing Plugin** 
var rowEditing = Ext.create('Ext.grid.plugin.RowEditing', { 
    clicksToMoveEditor: 1, 
    autoCancel: false, 
    clicksToEdit: 1, 
    saveBtnText: 'Kaydet', 
    cancelBtnText: 'Vazgeç', 
    editing: true, 
    listeners: { 
     edit: function (editor, context, eOpts) { 

     } 
    } 
}); 

**//GridPanel** 
Ext.define('MailToTicketPersonsGrid', { 
    extend: 'Ext.grid.Panel', 
    xtype: 'MailToTicketPersonsGrid', 
    id: 'mailToTicketPersonsGrid', 
    store: mailToTicketPersonsStore, 
    plugins: [rowEditing], 
    columns: { 
     items: [ 
      { 
       text: 'Mail', 
       flex: 1, 
       dataIndex: 'mail' 
      }, 
      { 
       text: 'Ad', 
       flex: 1, 
       dataIndex: 'name', 
       editor: { 
        xtype: 'textfield', 
       } 
      }, 
      { 
       text: 'Soyad', 
       flex: 1, 
       dataIndex: 'lastName', 
       editor: { 
        xtype: 'textfield', 
       } 
      }, 
      { 
       text: 'Telefon', 
       flex: 1, 
       dataIndex: 'phone', 
       editor: { 
        xtype: 'textfield', 
       } 
      }, 
      { 
       text: 'Şirket', 
       flex: 1, 
       editor: { 
        xtype: 'CompanySearch',       
       } 
      } 
     ] 
    } 
}); 


**//Window** 
Ext.create('Ext.window.Window', { 
    id: 'createUserWindow', 
    layout: 'fit', 
    border: 0, 
    resizable: false, 
    modal: true, 
    bodyPadding: 10, 
    width: 600, 
    height: 300, 
    listeners: { 
     show: function() { 

     }, 
     close: function() { 
      Ext.getBody().unmask(); 
     } 
    }, 
    items: [ 
     { 
      xtype: 'panel', 
      border: 0, 
      layout: { 
       type: 'vbox', 
       align: 'stretch', 
       pack: 'start' 
      }, 
      items: [ 
       { 
        xtype: 'MailToTicketPersonsGrid',//grid 
        flex: 1 
       } 
      ] 
     } 
    ] 
}).show(); 


**//Custom ComboBox** 
    Ext.define('companySearch', { 
    extend: 'Ext.form.field.ComboBox', 
    xtype: 'CompanySearch', 
    emptyText: 'Şirket ara...', 
    editable: true, 
    listeners: { 
     change: function (field, newValue, oldValue, eOpts) { 
      alert(newValue); 
     } 
    } 
})

來源

2017-04-06 Aykut Demirci

我不知道什麼是你的代碼錯誤，但這裏是一個工作Fiddle
也許你在功能上或別的東西傳遞參數我不知道，但你可以在這個小提琴比較你的代碼
希望它會工作:)

editable: true,

來源

2017-04-06 07:28:21

感謝您的答覆，但我的comboBox是一個可編輯的組合框，就像一個文本框。當我在組合框中編寫任何文本時更改事件不會觸發 –

您可編輯的含義是什麼？ –

我更新小提琴看一看 –

ExtJS定義組合框更改事件沒有觸發

回答

相關問題