ExtJS6的Colorpicker Field是什么？

Question

我正在尝试在我的表单中找到一个颜色选择器字段，但很难找到任何一个ExtJS 6。

找到此https://github.com/sw4/Ext.ux.ColorPicker但我不知道如何将其绑定到我的表单。

Answer 1

实际上ExtJS 6中包含colorfield个组件。

注意

此组件位于package。因此，为了使用它，您需要在 app 中的 require 配置中指定“ext-ux-colorpick”软件包名称，其中包含其他软件包已指定。

Answer 2

我在jQuery中找到了一个非常简单而优雅的颜色选择器。很容易使用它。

http://www.eyecon.ro/colorpicker/

使用表单afterrender事件启动选择器。

有必要将Ext.getCmp与$（）jQuery选择器混合使用。

listeners: {
    afterrender: function ( cmp ) {
        var container = this.body.dom.id; // << - The Window ID
        var comp = Ext.getCmp("displayColumn"); // << - The Field
        var el = comp.getEl();
        var displayColumnId = el.id; // << - The Field real ID          

        $("#" + container). // <<- The jQuery way
        $("#" + displayColumnId ). // <<- The jQuery way
    }
}