VPF::Для colorpicker установить дефолтовое значение

mstdmstd

Дата 18.3.2016, 11:07 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 394
Регистрация: 30.12.2008

Репутация: нет
Всего: нет

Всем привет
На канве есть несколько текстовых элементов и и событие вызова диалога выбора цвета для фона текстового элемента
Проблема в том что если кликнуть на текстовом элементе без цвета фона то открывается диалог с серой левой частью :
http://i.imgur.com/aT0eP5x.png
Если же кликнуть на текстовом элементе с установленным фоном то диалог в левой части отображает текущее значение и цвета для выбора
http://i.imgur.com/BIuNDln.png

Хочется установить дефолтовое значение для первого случая
Событие клика имеет код:

Код


                /**
                 * Change Background Color
                 */
                jQuery('.openTextBackColorPicker').on('click tap', function(event){
                    alert( "openTextBackColorPicker event::"+var_dump(event) )

                    event.stopPropagation();
                    var obj = stage.getActiveObject();                                  // текстовый элемент на котором кликнули
                    alert( "openTextBackColorPicker obj.backgroundColor::" + obj.backgroundColor )  //  Отображает   ::rgba(255,255,255,0)
                    if ( obj.backgroundColor == 'rgba(255,255,255,0)' ) { // Это 1й случай и как раз тут нужно установить дефолтовое значение - но непонятно как
                        alert( "INSIDE ::" )  
                    }
                    backgroundColorPicker.colorpicker('open');
                    jQuery('.backColor').attrchange({
                        trackValues: true,
                        callback: function(event) {
                            if ( !isPageInited ) return false;
                            backgroundColor= 'rgb(192,192,192)'
                            alert( "++backgroundColor::"+var_dump(backgroundColor) )
                            if( event.attributeName == 'value' ) {
                                if (!object.isEditing) {
                                    obj.set({
                                        backgroundColor: ( event.newValue.indexOf('#') === -1 && event.newValue.indexOf('rgba') === -1 ) ? ('#'+event.newValue).toString() : (event.newValue).toString(),
                                    });
                                } else {
                                    obj.setSelectionStyles({
                                        backgroundColor: ( event.newValue.indexOf('#') === -1 && event.newValue.indexOf('rgba') === -1 ) ? ('#'+event.newValue).toString() : (event.newValue).toString(),
                                    });
                                }
                                _stageUpdate();
                                // Make history
                                _makeHistory();
                            }
                        }
                    });
                    return false;
                });

Не нашел как для backgroundColorPicker устанавливаются цвета во втором случае и как установить дефолтовые цвета в первом случае?

Спасибо!

samssrus

Дата 19.3.2016, 14:24 (ссылка)

(голосов: 0)

Загрузка ...

Unregistered

сам ColorPicker чей? HTML5, JQuery?
по приложенным картинкам что-то не смог опознать.

у разных ColorPicker-ов по-разному может устанавливаться значение:
- value;
- color;
- SetColor(color).

в общем, хотелось бы понять, что за ColorPicker используется.

Этот ответ добавлен с нового Винграда - http://vingrad.com

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Применение библиотек \| Следующая тема »