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定义您自己的字段，{{3}}是显示选择器的字段的抽象类触发点击时因此已经提供了一些逻辑（例如在触发器下显示选择器）。

如果您查看日期字段的类层次结构，您将看到这些类是如何相关的：

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

使用extjs添加用于网格单元格编辑的文本字段和按钮

1 个答案: