添加文本框和按鈕用於網格單元格編輯與extjs

Question

我想使用extjs網格單元格編輯功能，除了textfield，datepicker，我還需要一個帶右邊按鈕的文本框來觸發選擇列表模式窗口。它看起來像datepicker在右邊的文本框中有一個日曆圖標。

我試圖用fieldcontainer將一個文本框和一個按鈕組合起來，但是它不起作用。非常感謝您的幫助！

Ext.define('CellPicklist', { 
    extend: 'Ext.form.FieldContainer', 
    xtype: 'cell-picklist', 
    layout: 'hbox', 
    width: 200, 
    items: [{ 
      xtype: 'textfield', 
     }, { 
      xtype: 'button' 
     }] 
}); 

columns: [{dataIndex: 'id',hidden: true},{text: 'Name', dataIndex: 'name', flex: 1, editor: 'cell-picklist'}] 

Answer 1

您既可以使用一個trigger field，並在onTriggerClick方法實現你的選擇器的邏輯或延長Ext.form.field.Picker，這對於顯示在觸發點擊一個選擇器，因此已經提供了一些領域的抽象類定義自己的領域的邏輯（例如在觸發器下顯示選取器）。

如果在的DateField的類層次看看你會看到這些類是如何相關：

Ext.Base 
    Ext.AbstractComponent 
    Ext.Component 
     Ext.form.field.Base 
     Ext.form.field.Text 
      Ext.form.field.Trigger 
      Ext.form.field.Picker 
       Ext.form.field.Date