ExtJs - 如何将colorPicker放在组合框中

Question

如何在colorPicker内放置Ext.picker.Color（combobox - 其中包含一组预定义的颜色），并看到所选颜色显示在textfield的{​​{1}}中combobox。

感谢。

Answer 1

解决此问题的最佳方法是创建自己的输入字段，该字段派生自Ext.form.field.Picker。

为此，有必要实施方法createPicker。在那里，您可以创建并返回Ext.picker.Color的实例。

这是一个澄清基本想法的例子：

Ext.define('Ext.ux.color.Field', {
    extend: 'Ext.form.field.Picker',

    requires: [
        'Ext.picker.Color'
    ],

    createPicker: function () {
        return Ext.create('Ext.picker.Color', {
            renderTo: Ext.getBody()
        });
    }
});

Ext.create('Ext.ux.color.Field', {
    renderTo: Ext.getBody()
});

在下一步中，两个组件的值也必须相互连接。组件的相应事件可用于此目的。

以下是可能的最终结果的简单示例： https://fiddle.sencha.com/#view/editor&fiddle/228f

Answer 2

周围有很多javascript颜色选择器。 只需将其中一个添加到您的页面中，并制作“神奇的东西”即可将所有内容添加到您的页面中。 请参阅此示例：Bootstrap Color Picker sample