Jump to content

tunidbgrid color combo


zanona

Recommended Posts

Hi,

 

"Solution", you can test it:

 

1. MainForm -> Script:

 

 

 

var colors = {
    ALICEBLUE: '#F0F8FF',
    ANTIQUEWHITE: '#FAEBD7',
    AQUA: '#00FFFF',
    AQUAMARINE: '#7FFFD4',
    AZURE: '#F0FFFF',
    BEIGE: '#F5F5DC',
    BISQUE: '#FFE4C4',
    BLACK: '#000000',
    BLANCHEDALMOND: '#FFEBCD',
    BLUE: '#0000FF',
    BLUEVIOLET: '#8A2BE2',
    BROWN: '#A52A2A',
    BURLYWOOD: '#DEB887',
    CADETBLUE: '#5F9EA0',
    CHARTREUSE: '#7FFF00',
    CHOCOLATE: '#D2691E',
    CORAL: '#FF7F50',
    CORNFLOWERBLUE: '#6495ED',
    CORNSILK: '#FFF8DC',
    CRIMSON: '#DC143C',
    CYAN: '#00FFFF',
    DARKBLUE: '#00008B',
    DARKCYAN: '#008B8B',
    DARKGOLDENROD: '#B8860B',
    DARKGRAY: '#A9A9A9',
    DARKGREY: '#A9A9A9',
    DARKGREEN: '#006400',
    DARKKHAKI: '#BDB76B',
    DARKMAGENTA: '#8B008B',
    DARKOLIVEGREEN: '#556B2F',
    DARKORANGE: '#FF8C00',
    DARKORCHID: '#9932CC',
    DARKRED: '#8B0000',
    DARKSALMON: '#E9967A',
    DARKSEAGREEN: '#8FBC8F',
    DARKSLATEBLUE: '#483D8B',
    DARKSLATEGRAY: '#2F4F4F',
    DARKSLATEGREY: '#2F4F4F',
    DARKTURQUOISE: '#00CED1',
    DARKVIOLET: '#9400D3',
    DEEPPINK: '#FF1493',
    DEEPSKYBLUE: '#00BFFF',
    DIMGRAY: '#696969',
    DIMGREY: '#696969',
    DODGERBLUE: '#1E90FF',
    FIREBRICK: '#B22222',
    FLORALWHITE: '#FFFAF0',
    FORESTGREEN: '#228B22',
    FUCHSIA: '#FF00FF',
    GAINSBORO: '#DCDCDC',
    GHOSTWHITE: '#F8F8FF',
    GOLD: '#FFD700',
    GOLDENROD: '#DAA520',
    GRAY: '#808080',
    GREY: '#808080',
    GREEN: '#008000',
    GREENYELLOW: '#ADFF2F',
    HONEYDEW: '#F0FFF0',
    HOTPINK: '#FF69B4',
    INDIANRED: '#CD5C5C',
    INDIGO: '#4B0082',
    IVORY: '#FFFFF0',
    KHAKI: '#F0E68C',
    LAVENDER: '#E6E6FA',
    LAVENDERBLUSH: '#FFF0F5',
    LAWNGREEN: '#7CFC00',
    LEMONCHIFFON: '#FFFACD',
    LIGHTBLUE: '#ADD8E6',
    LIGHTCORAL: '#F08080',
    LIGHTCYAN: '#E0FFFF',
    LIGHTGOLDENRODYELLOW: '#FAFAD2',
    LIGHTGRAY: '#D3D3D3',
    LIGHTGREY: '#D3D3D3',
    LIGHTGREEN: '#90EE90',
    LIGHTPINK: '#FFB6C1',
    LIGHTSALMON: '#FFA07A',
    LIGHTSEAGREEN: '#20B2AA',
    LIGHTSKYBLUE: '#87CEFA',
    LIGHTSLATEGRAY: '#778899',
    LIGHTSLATEGREY: '#778899',
    LIGHTSTEELBLUE: '#B0C4DE',
    LIGHTYELLOW: '#FFFFE0',
    LIME: '#00FF00',
    LIMEGREEN: '#32CD32',
    LINEN: '#FAF0E6',
    MAGENTA: '#FF00FF',
    MAROON: '#800000',
    MEDIUMAQUAMARINE: '#66CDAA',
    MEDIUMBLUE: '#0000CD',
    MEDIUMORCHID: '#BA55D3',
    MEDIUMPURPLE: '#9370DB',
    MEDIUMSEAGREEN: '#3CB371',
    MEDIUMSLATEBLUE: '#7B68EE',
    MEDIUMSPRINGGREEN: '#00FA9A',
    MEDIUMTURQUOISE: '#48D1CC',
    MEDIUMVIOLETRED: '#C71585',
    MIDNIGHTBLUE: '#191970',
    MINTCREAM: '#F5FFFA',
    MISTYROSE: '#FFE4E1',
    MOCCASIN: '#FFE4B5',
    NAVAJOWHITE: '#FFDEAD',
    NAVY: '#000080',
    OLDLACE: '#FDF5E6',
    OLIVE: '#808000',
    OLIVEDRAB: '#6B8E23',
    ORANGE: '#FFA500',
    ORANGERED: '#FF4500',
    ORCHID: '#DA70D6',
    PALEGOLDENROD: '#EEE8AA',
    PALEGREEN: '#98FB98',
    PALETURQUOISE: '#AFEEEE',
    PALEVIOLETRED: '#DB7093',
    PAPAYAWHIP: '#FFEFD5',
    PEACHPUFF: '#FFDAB9',
    PERU: '#CD853F',
    PINK: '#FFC0CB',
    PLUM: '#DDA0DD',
    POWDERBLUE: '#B0E0E6',
    PURPLE: '#800080',
    REBECCAPURPLE: '#663399',
    RED: '#FF0000',
    ROSYBROWN: '#BC8F8F',
    ROYALBLUE: '#4169E1',
    SADDLEBROWN: '#8B4513',
    SALMON: '#FA8072',
    SANDYBROWN: '#F4A460',
    SEAGREEN: '#2E8B57',
    SEASHELL: '#FFF5EE',
    SIENNA: '#A0522D',
    SILVER: '#C0C0C0',
    SKYBLUE: '#87CEEB',
    SLATEBLUE: '#6A5ACD',
    SLATEGRAY: '#708090',
    SLATEGREY: '#708090',
    SNOW: '#FFFAFA',
    SPRINGGREEN: '#00FF7F',
    STEELBLUE: '#4682B4',
    TAN: '#D2B48C',
    TEAL: '#008080',
    THISTLE: '#D8BFD8',
    TOMATO: '#FF6347',
    TURQUOISE: '#40E0D0',
    VIOLET: '#EE82EE',
    WHEAT: '#F5DEB3',
    WHITE: '#FFFFFF',
    WHITESMOKE: '#F5F5F5',
    YELLOW: '#FFFF00',
    YELLOWGREEN: '#9ACD32'
};

var getHexa = (color) => {
    return colors[color.toUpperCase()] ?
        colors[color.toUpperCase()] :
        'color not found';
};

 

 

 

2. UniComboBox1 in HiddenPanel,

UniComboBox1 -> ClientEvents -> UniEvents, ExtEvents ->

 

beforeInit:

function beforeInit(sender, config) 
{
    config.listConfig = {
        tpl: new Ext.XTemplate(
            '<tpl for="."><div class="x-boundlist-item"><span style="background: {[this.getHex(values.val)]}">        </span> {val}</div></tpl>', {
                disableFormats: true,
                getHex: function(values) {
                    return colors[values.toUpperCase()] ?
                        colors[values.toUpperCase()] :
                        'color not found';
                }
            }
        )

    };
}

change:

function change(sender, newValue, oldValue, eOpts) 
{
    var element = sender;
    var inputEl = element.inputCell.child('input');
    var data = element.getStore().findRecord(element.valueField, newValue);

    if (data) {
        inputEl.applyStyles('padding-left:42px');
        var parent = inputEl.parent(),
            spanDomEle = parent.child('span');

        if (!spanDomEle) {
            Ext.DomHelper.insertFirst(parent, {
                tag: 'span',
                html: '        '
            });
            var newSpanDomEle = parent.child('span');
            newSpanDomEle.applyStyles('background-color: ' + getHexa(data.get(element.displayField)) + ';float: left; position: absolute; top: 0.9px; margin: 3px 2px 2px 4px; width: 33px; height: 15px;');
        } else {
            spanDomEle.applyStyles('background-color:' + getHexa(data.get(element.displayField)));
        }
    }
}

focus:

function focus(sender, e, eOpts) 
{
    var parent = sender.inputCell.child('input').parent(),
        spanDomEle = parent.child('span');

    if (spanDomEle) {
        spanDomEle.applyStyles('background-color:' + getHexa(sender.value));
    }
}

3. UniDBGrid1 -> Columns -> "comboColor" column:

Editor -> UniComboBox1

 

4. UniDBGrid1 -> ClientEvents -> ExtEvents -> function reconfigure:

function reconfigure(sender, store, columns, oldStore, oldColumns, eOpts)
{
    // Indx=8 yourColumnIndx
    columns[8].renderer = function(v) {
        return '<span style="float: left; width: 33px; height: 15px; background: ' + getHexa(v) + '">        </span> ' + v;
    }
}

Try...

Best regards,

Link to comment
Share on other sites

Hi,

 

I'm sorry,

 

First of all, I forgot about "UniComboBox -> Items":

 

 

 

ALICEBLUE
ANTIQUEWHITE
AQUA
AQUAMARINE
AZURE
BEIGE
BISQUE
BLACK
BLANCHEDALMOND
BLUE
BLUEVIOLET
BROWN
BURLYWOOD
CADETBLUE
CHARTREUSE
CHOCOLATE
CORAL
CORNFLOWERBLUE
CORNSILK
CRIMSON
CYAN
DARKBLUE
DARKCYAN
DARKGOLDENROD
DARKGRAY
DARKGREY
DARKGREEN
DARKKHAKI
DARKMAGENTA
DARKOLIVEGREEN
DARKORANGE
DARKORCHID
DARKRED
DARKSALMON
DARKSEAGREEN
DARKSLATEBLUE
DARKSLATEGRAY
DARKSLATEGREY
DARKTURQUOISE
DARKVIOLET
DEEPPINK
DEEPSKYBLUE
DIMGRAY
DIMGREY
DODGERBLUE
FIREBRICK
FLORALWHITE
FORESTGREEN
FUCHSIA
GAINSBORO
GHOSTWHITE
GOLD
GOLDENROD
GRAY
GREY
GREEN
GREENYELLOW
HONEYDEW
HOTPINK
INDIANRED
INDIGO
IVORY
KHAKI
LAVENDER
LAVENDERBLUSH
LAWNGREEN
LEMONCHIFFON
LIGHTBLUE
LIGHTCORAL
LIGHTCYAN
LIGHTGOLDENRODYELLOW
LIGHTGRAY
LIGHTGREY
LIGHTGREEN
LIGHTPINK
LIGHTSALMON
LIGHTSEAGREEN
LIGHTSKYBLUE
LIGHTSLATEGRAY
LIGHTSLATEGREY
LIGHTSTEELBLUE
LIGHTYELLOW
LIME
LIMEGREEN
LINEN
MAGENTA
MAROON
MEDIUMAQUAMARINE
MEDIUMBLUE
MEDIUMORCHID
MEDIUMPURPLE
MEDIUMSEAGREEN
MEDIUMSLATEBLUE
MEDIUMSPRINGGREEN
MEDIUMTURQUOISE
MEDIUMVIOLETRED
MIDNIGHTBLUE
MINTCREAM
MISTYROSE
MOCCASIN
NAVAJOWHITE
NAVY
OLDLACE
OLIVE
OLIVEDRAB
ORANGE
ORANGERED
ORCHID
PALEGOLDENROD
PALEGREEN
PALETURQUOISE
PALEVIOLETRED
PAPAYAWHIP
PEACHPUFF
PERU
PINK
PLUM
POWDERBLUE
PURPLE
REBECCAPURPLE
RED
ROSYBROWN
ROYALBLUE
SADDLEBROWN
SALMON
SANDYBROWN
SEAGREEN
SEASHELL
SIENNA
SILVER
SKYBLUE
SLATEBLUE
SLATEGRAY
SLATEGREY
SNOW
SPRINGGREEN
STEELBLUE
TAN
TEAL
THISTLE
TOMATO
TURQUOISE
VIOLET
WHEAT
WHITE
WHITESMOKE
YELLOW
YELLOWGREEN

 

 

 

Secondly:

 

In your example, the "index" is incorrect:

 

1. TVCLDBColumns[0] -> Editor -> UniComboBox1 - incorrect

2. TVCLDBColumns[1] -> Editor -> UniComboBox1 - correct

 

Reconfigure:

 

columns[0].renderer - incorrect

columns[1].renderer - correct

function reconfigure(sender, store, columns, oldStore, oldColumns, eOpts)
{
    // Indx=8 yourColumnIndx
    columns[1].renderer = function(v) {
        return '<span style="float: left; width: 33px; height: 15px; background: ' + getHexa(v) + '">        </span> ' + v;
    }
}

Best regards,

Link to comment
Share on other sites

  • 3 years later...
On 9/14/2017 at 9:40 PM, Sherzod said:

MainForm -> Script:

Подскажите, как это использовать внутри фрейма?

Или этот код все равно вставлять в свойство script главной формы и он будет доступен всем фреймам, которые открываются внутри главной формы?

У меня приложение построено на фреймах, которые открываются внутри  страниц TPageControl, а  сам TPageControl лежит на главной форме.

 

Link to comment
Share on other sites

1 hour ago, x11 said:

не могу найти это событие, вижу только 2 события на букву "c":

Я чуть изменил код:

ColorCombo.png.857da0ae16ff40235b0e46a99b147588.png

1.  UniComboBox -> ClientEvents -> UniEvents ->

function beforeInit(sender, config) 
{
    config.listConfig = {
        tpl: new Ext.XTemplate(
            '<tpl for="."><div class="x-boundlist-item"><span style="background: {[this.getHex(values.val)]}">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>&nbsp;{val}</div></tpl>', {
                disableFormats: true,
                getHex: function(values) {
                    return sender.colors[values.toUpperCase()] ?
                        sender.colors[values.toUpperCase()] :
                        'color not found';
                }
            }
        )

    };
    
    sender.colors = {
        ALICEBLUE: '#F0F8FF',
        ANTIQUEWHITE: '#FAEBD7',
        AQUA: '#00FFFF',
        AQUAMARINE: '#7FFFD4',
        AZURE: '#F0FFFF',
        BEIGE: '#F5F5DC',
        BISQUE: '#FFE4C4',
        BLACK: '#000000',
        BLANCHEDALMOND: '#FFEBCD',
        BLUE: '#0000FF',
        BLUEVIOLET: '#8A2BE2',
        BROWN: '#A52A2A',
        BURLYWOOD: '#DEB887',
        CADETBLUE: '#5F9EA0',
        CHARTREUSE: '#7FFF00',
        CHOCOLATE: '#D2691E',
        CORAL: '#FF7F50',
        CORNFLOWERBLUE: '#6495ED',
        CORNSILK: '#FFF8DC',
        CRIMSON: '#DC143C',
        CYAN: '#00FFFF',
        DARKBLUE: '#00008B',
        DARKCYAN: '#008B8B',
        DARKGOLDENROD: '#B8860B',
        DARKGRAY: '#A9A9A9',
        DARKGREY: '#A9A9A9',
        DARKGREEN: '#006400',
        DARKKHAKI: '#BDB76B',
        DARKMAGENTA: '#8B008B',
        DARKOLIVEGREEN: '#556B2F',
        DARKORANGE: '#FF8C00',
        DARKORCHID: '#9932CC',
        DARKRED: '#8B0000',
        DARKSALMON: '#E9967A',
        DARKSEAGREEN: '#8FBC8F',
        DARKSLATEBLUE: '#483D8B',
        DARKSLATEGRAY: '#2F4F4F',
        DARKSLATEGREY: '#2F4F4F',
        DARKTURQUOISE: '#00CED1',
        DARKVIOLET: '#9400D3',
        DEEPPINK: '#FF1493',
        DEEPSKYBLUE: '#00BFFF',
        DIMGRAY: '#696969',
        DIMGREY: '#696969',
        DODGERBLUE: '#1E90FF',
        FIREBRICK: '#B22222',
        FLORALWHITE: '#FFFAF0',
        FORESTGREEN: '#228B22',
        FUCHSIA: '#FF00FF',
        GAINSBORO: '#DCDCDC',
        GHOSTWHITE: '#F8F8FF',
        GOLD: '#FFD700',
        GOLDENROD: '#DAA520',
        GRAY: '#808080',
        GREY: '#808080',
        GREEN: '#008000',
        GREENYELLOW: '#ADFF2F',
        HONEYDEW: '#F0FFF0',
        HOTPINK: '#FF69B4',
        INDIANRED: '#CD5C5C',
        INDIGO: '#4B0082',
        IVORY: '#FFFFF0',
        KHAKI: '#F0E68C',
        LAVENDER: '#E6E6FA',
        LAVENDERBLUSH: '#FFF0F5',
        LAWNGREEN: '#7CFC00',
        LEMONCHIFFON: '#FFFACD',
        LIGHTBLUE: '#ADD8E6',
        LIGHTCORAL: '#F08080',
        LIGHTCYAN: '#E0FFFF',
        LIGHTGOLDENRODYELLOW: '#FAFAD2',
        LIGHTGRAY: '#D3D3D3',
        LIGHTGREY: '#D3D3D3',
        LIGHTGREEN: '#90EE90',
        LIGHTPINK: '#FFB6C1',
        LIGHTSALMON: '#FFA07A',
        LIGHTSEAGREEN: '#20B2AA',
        LIGHTSKYBLUE: '#87CEFA',
        LIGHTSLATEGRAY: '#778899',
        LIGHTSLATEGREY: '#778899',
        LIGHTSTEELBLUE: '#B0C4DE',
        LIGHTYELLOW: '#FFFFE0',
        LIME: '#00FF00',
        LIMEGREEN: '#32CD32',
        LINEN: '#FAF0E6',
        MAGENTA: '#FF00FF',
        MAROON: '#800000',
        MEDIUMAQUAMARINE: '#66CDAA',
        MEDIUMBLUE: '#0000CD',
        MEDIUMORCHID: '#BA55D3',
        MEDIUMPURPLE: '#9370DB',
        MEDIUMSEAGREEN: '#3CB371',
        MEDIUMSLATEBLUE: '#7B68EE',
        MEDIUMSPRINGGREEN: '#00FA9A',
        MEDIUMTURQUOISE: '#48D1CC',
        MEDIUMVIOLETRED: '#C71585',
        MIDNIGHTBLUE: '#191970',
        MINTCREAM: '#F5FFFA',
        MISTYROSE: '#FFE4E1',
        MOCCASIN: '#FFE4B5',
        NAVAJOWHITE: '#FFDEAD',
        NAVY: '#000080',
        OLDLACE: '#FDF5E6',
        OLIVE: '#808000',
        OLIVEDRAB: '#6B8E23',
        ORANGE: '#FFA500',
        ORANGERED: '#FF4500',
        ORCHID: '#DA70D6',
        PALEGOLDENROD: '#EEE8AA',
        PALEGREEN: '#98FB98',
        PALETURQUOISE: '#AFEEEE',
        PALEVIOLETRED: '#DB7093',
        PAPAYAWHIP: '#FFEFD5',
        PEACHPUFF: '#FFDAB9',
        PERU: '#CD853F',
        PINK: '#FFC0CB',
        PLUM: '#DDA0DD',
        POWDERBLUE: '#B0E0E6',
        PURPLE: '#800080',
        REBECCAPURPLE: '#663399',
        RED: '#FF0000',
        ROSYBROWN: '#BC8F8F',
        ROYALBLUE: '#4169E1',
        SADDLEBROWN: '#8B4513',
        SALMON: '#FA8072',
        SANDYBROWN: '#F4A460',
        SEAGREEN: '#2E8B57',
        SEASHELL: '#FFF5EE',
        SIENNA: '#A0522D',
        SILVER: '#C0C0C0',
        SKYBLUE: '#87CEEB',
        SLATEBLUE: '#6A5ACD',
        SLATEGRAY: '#708090',
        SLATEGREY: '#708090',
        SNOW: '#FFFAFA',
        SPRINGGREEN: '#00FF7F',
        STEELBLUE: '#4682B4',
        TAN: '#D2B48C',
        TEAL: '#008080',
        THISTLE: '#D8BFD8',
        TOMATO: '#FF6347',
        TURQUOISE: '#40E0D0',
        VIOLET: '#EE82EE',
        WHEAT: '#F5DEB3',
        WHITE: '#FFFFFF',
        WHITESMOKE: '#F5F5F5',
        YELLOW: '#FFFF00',
        YELLOWGREEN: '#9ACD32'
    };

    sender.getHexa = (color) => {
        return sender.colors[color.toUpperCase()] ?
            sender.colors[color.toUpperCase()] :
            'color not found';
    };
}

2. UniComboBox -> ClientEvents -> ExtEvents ->

function afterrender(sender, eOpts)
{
    sender.getEl().on('change', function() {
        var element = sender;
        var inputEl = element.inputCell.child('input');
        var data = element.getStore().findRecord(element.valueField, newValue);

        if (data) {
            inputEl.applyStyles('padding-left:42px');
            var parent = inputEl.parent(),
                spanDomEle = parent.child('span');

            if (!spanDomEle) {
                Ext.DomHelper.insertFirst(parent, {
                    tag: 'span',
                    html: 'tdt        '
                });
                var newSpanDomEle = parent.child('span');
                newSpanDomEle.applyStyles('background-color: ' + sender.getHexa(data.get(element.displayField)) + ';float: left; position: absolute; top: 0.9px; margin: 3px 2px 2px 4px; width: 33px; height: 15px;');
            } else {
                spanDomEle.applyStyles('background-color:' + sender.getHexa(data.get(element.displayField)));
            }
        }

    });

    sender.getEl().on('focus', function() {
        var parent = sender.inputCell.child('input').parent(),
            spanDomEle = parent.child('span');

        if (spanDomEle) {
            spanDomEle.applyStyles('background-color:' + sender.getHexa(sender.value));
        }
    });
}

3. UniComboBox -> Items:

ALICEBLUE
ANTIQUEWHITE
AQUA
AQUAMARINE
AZURE
BEIGE
BISQUE
BLACK
BLANCHEDALMOND
BLUE
BLUEVIOLET
BROWN
BURLYWOOD
CADETBLUE
CHARTREUSE
CHOCOLATE
CORAL
CORNFLOWERBLUE
CORNSILK
CRIMSON
CYAN
DARKBLUE
DARKCYAN
DARKGOLDENROD
DARKGRAY
DARKGREY
DARKGREEN
DARKKHAKI
DARKMAGENTA
DARKOLIVEGREEN
DARKORANGE
DARKORCHID
DARKRED
DARKSALMON
DARKSEAGREEN
DARKSLATEBLUE
DARKSLATEGRAY
DARKSLATEGREY
DARKTURQUOISE
DARKVIOLET
DEEPPINK
DEEPSKYBLUE
DIMGRAY
DIMGREY
DODGERBLUE
FIREBRICK
FLORALWHITE
FORESTGREEN
FUCHSIA
GAINSBORO
GHOSTWHITE
GOLD
GOLDENROD
GRAY
GREY
GREEN
GREENYELLOW
HONEYDEW
HOTPINK
INDIANRED
INDIGO
IVORY
KHAKI
LAVENDER
LAVENDERBLUSH
LAWNGREEN
LEMONCHIFFON
LIGHTBLUE
LIGHTCORAL
LIGHTCYAN
LIGHTGOLDENRODYELLOW
LIGHTGRAY
LIGHTGREY
LIGHTGREEN
LIGHTPINK
LIGHTSALMON
LIGHTSEAGREEN
LIGHTSKYBLUE
LIGHTSLATEGRAY
LIGHTSLATEGREY
LIGHTSTEELBLUE
LIGHTYELLOW
LIME
LIMEGREEN
LINEN
MAGENTA
MAROON
MEDIUMAQUAMARINE
MEDIUMBLUE
MEDIUMORCHID
MEDIUMPURPLE
MEDIUMSEAGREEN
MEDIUMSLATEBLUE
MEDIUMSPRINGGREEN
MEDIUMTURQUOISE
MEDIUMVIOLETRED
MIDNIGHTBLUE
MINTCREAM
MISTYROSE
MOCCASIN
NAVAJOWHITE
NAVY
OLDLACE
OLIVE
OLIVEDRAB
ORANGE
ORANGERED
ORCHID
PALEGOLDENROD
PALEGREEN
PALETURQUOISE
PALEVIOLETRED
PAPAYAWHIP
PEACHPUFF
PERU
PINK
PLUM
POWDERBLUE
PURPLE
REBECCAPURPLE
RED
ROSYBROWN
ROYALBLUE
SADDLEBROWN
SALMON
SANDYBROWN
SEAGREEN
SEASHELL
SIENNA
SILVER
SKYBLUE
SLATEBLUE
SLATEGRAY
SLATEGREY
SNOW
SPRINGGREEN
STEELBLUE
TAN
TEAL
THISTLE
TOMATO
TURQUOISE
VIOLET
WHEAT
WHITE
WHITESMOKE
YELLOW
YELLOWGREEN

 

  • Like 1
Link to comment
Share on other sites

Отлично. А для мобильной версии тоже подойдет?

 

И еще вопросик. А как добавить что-то вроде "no color", чтобы было в итоге значение null или как-то так. Чтобы можно было отменить выбор цвета.

Link to comment
Share on other sites

Еще вопрос. А в бэкэнде как получить цвет?

Т.е. нужно еще написать какую-то свою процедуру конвертирования констант в цвет, в integer?

А можно как-то визуально "покрасить" текст в выбранный цвет?

 

Screenshot_23.jpg

Link to comment
Share on other sites

52 minutes ago, x11 said:

А можно как-то визуально "покрасить" текст в выбранный цвет?

А еще раз попробую проанализировать, и попробую создать простой тестовый случай. События change, focus - почему-то не сработали, а должно было выглядеть так:

ColorCombo2.png.f443932b66e50990821def221f6655d1.png

 

 

  • Like 1
Link to comment
Share on other sites

18 hours ago, Sherzod said:

Пока как-то так:

Работает. Но, еще раз спрошу

 

20 hours ago, x11 said:

А в бэкэнде как получить цвет?

Т.е. нужно еще написать какую-то свою процедуру конвертирования констант в цвет, в integer?

 

Link to comment
Share on other sites

1 minute ago, x11 said:
20 hours ago, x11 said:

Т.е. нужно еще написать какую-то свою процедуру конвертирования констант в цвет, в integer?

 

Добрый день,

Да.

Link to comment
Share on other sites

а как можно передать не название AQUA, а именно значение #00FFFF?

Ну чтобы можно было поймать значение цвета в событии UniComboBox1AjaxEvent()

это очень облегчит добавление новых цветов.

Link to comment
Share on other sites

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
×
×
  • Create New...