0

我想使用extjs网格单元格编辑功能，除了textfield，datepicker，我还需要一个右侧带有按钮的textfield来触发picklist模式窗口。它看起来像 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'}]
4

1 回答 1

0

您可以使用触发器字段并在onTriggerClick方法中实现您的选择器逻辑，或者通过扩展Ext.form.field.Picker定义您自己的字段，Ext.form.field.Picker是在触发点击时显示选择器的字段的抽象类，因此已经提供了一些的逻辑（例如在触发器下显示选择器）。

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

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
于 2013-10-25T16:30:22.497 回答