extjs - extjs のカラーピッカー

Question

extjs でのみ開発された (jQuery ではなく) extjs 用のカラー ピッカー (フォト ショップのカラー ピッカーなど) はありますか。

(Ext.ux.ColorPicker) ux.colorpicker を使用していますが、要件を満たすことができません。

ありがとう、タヌジャ。

Answer 1

ExtJS にはシンプルなカラーピッカーがあります。xtype: 'カラーピッカー'

ヘルプから:

Ext.create('Ext.picker.Color', {
    value: '993300',  // initial selected color
    renderTo: Ext.getBody(),
    listeners: {
        select: function(picker, selColor) {
            alert(selColor);
        }
    }
  });

Answer 2

これもPhotoshop 風で、Ext JS 4x+ で動作しますが、キャンバスのサポートが必要です。

Answer 3

これは古い質問だと思います。それにもかかわらず、これらの 2 つのライブラリがうまく機能することを望んでいる人々のために... これが私がやったことです。問題は、jscolor.install() を介して呼び出される window.load で、クラス「color」を持つすべての入力が使用可能であることを jscolor が想定していることにあります。もちろん、その時点では ExtJs 要素は利用できません。これを試して：

Ext.create("Ext.form.field.Text",{
    renderTo: Ext.getBody(),
    fieldCls:"color",
    name:"TestPost",
    listeners: {
        afterrender: {
            delay:200,
            fn:function(item){
                jscolor.init();
            }
        }
    }
});

jscolor.init() を実行すると、すべてが開始されます。必要に応じて、必要なテキストフィールドのレンダリング後に実行されるリスナーとして jscolor.init() を呼び出す限り、jscolor.js ファイルの下部にある jscolor.install() 呼び出しをコメントアウトできます。あなたのカラーピッカー。