extjs 的颜色选择器

Question

是否有任何用于extjs（例如Photo shop颜色选择器）的颜色选择器仅在extjs上开发（而不是在jQuery中）。

我正在使用（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

我意识到这是一个老问题。 但尽管如此，对于希望让这两个库玩得很好的人来说......这是我所做的。 问题在于jscolor期望所有带有类"color"的输入都可以在window.load上使用，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（） 作为在渲染文本字段后运行的侦听器，你想成为你的颜色选择器。