extjs - extjs 的颜色选择器

Question

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

我正在使用 (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 上使用，这通过 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() 作为一个监听器，在你想要的文本字段的渲染之后运行你的颜色选择器。