extjs的颜色选择器

Question

是否有extjs的颜色选择器（例如照片店颜色选择器）仅在extjs上开发（不是在jQuery中）。

我正在使用（Ext.ux.ColorPicker）ux.colorpicker，但它无法满足我的要求。

谢谢， Thanuja。

Answer 1

ExtJS有一个简单的颜色选择器。 xtype：'colorpicker'

来自帮助：

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

Answer 2

您还可以查看this one哪个更像Photoshop，并且可以使用Ext JS 4x +，但需要画布支持。

Answer 3

我意识到这是一个老问题。但是对于那些希望让这两个图书馆玩得很好的人来说......这就是我所做的。问题在于，jscolor期望所有输入都具有类＆＃34;颜色＆＃34;在window.load上可用，通过jscolor.install（）调用。当然，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.js文件底部的jscolor.install（）调用，只要你调用jscolor.init（）作为一个监听器，在你希望成为文本字段的渲染之后运行你的颜色选择器。