2

我是ExtJs 6.0框架开发人员。

我想开发一个这样的组件date，当用户单击它时，它会打开一个窗口，这个窗口有一些文本字段和其他 Extjs组件。我的问题是当我想将此组件用作网格单元格编辑器时。它不显示组件。换句话说，我想开发一个自定义选择器。

我该怎么办？

4

1 回答 1

3

您可以扩展Ext.form.field.Picker和实现createPicker：

具有单个触发器的字段的抽象类，该触发器在字段下方打开“选择器”弹出窗口，例如组合框菜单列表或日期选择器。它提供了一个基本实现，用于在单击触发器时切换选择器的可见性，以及键盘导航和一些基本事件。选择器的大小和对齐可以分别通过 matchFieldWidth 和 pickerAlign/pickerOffset 配置属性来控制。

您通常不会直接使用此类，而是将其用作特定选择器字段实现的父类。子类必须实现该createPicker方法以创建适合该字段的选取器组件。

它看起来像：

Ext.define('Fiddle.view.FooPicker', {

    extend: 'Ext.form.field.Picker',

    xtype: 'foo-picker',

    createPicker: function(){

        return Ext.widget('container',{
            padding: 20,
            floating: true,
            items: [
                {
                    xtype: 'textfield'
                },
                {
                    xtype: 'box',
                    html: 'Foo'
                }
            ]
        })

    }

});

https://fiddle.sencha.com/#fiddle/1139

于 2015-11-15T04:57:17.757 回答