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 に答える