Вопрос

Добавления стиля колонки

Коллеги, доброе утро!

У меня вопрос по поводу добавления стиля колонки при загрузке страницы(получилось это сделать по нажатию кнопки то есть вопрос в том, как отловить событие)

Нравится

5 комментариев

Если речь о CSS-стиле, то см. тему.

Александр, добрый день!

У меня в задаче стоит выделить поле цветом при загрузке страницы при определенном условии(если дата прошла):

 

 onEntityInitialized: function(){

                    this.callParent(arguments);

                    this.testDate();

                    //this.on("change:UsrSumMore100", this.isAccountRedKolonka, this)

                },

testDate: function() {

    if (this.get("UsrDateTo")){

        var d = new Date();

        var currDate = d.getDate();

         if(currDate < 10) {

            currDate = "0" + currDate;

        }                

        var currMonth = d.getMonth() + 1;

        if(currMonth < 10) {

            currMonth = "0" + currMonth;

        }                

        

        var currYear = d.getFullYear();

        var dateNow = currYear + "-" + currMonth + "-" + currDate;

         var currDate1 = new Date(this.get("UsrDateTo")).getDate();

         if(currDate1 < 10) {

            currDate1 = "0" + currDate1;

        }

        

        var currMonth1 = new Date(this.get("UsrDateTo")).getMonth() + 1;

        

        if(currMonth1 < 10) {

            currMonth1 = "0" + currMonth1;

        }

        

        var currYear1 = new Date(this.get("UsrDateTo")).getFullYear();

        var dateTo = currYear1 + "-" + currMonth1 + "-" + currDate1;

        var selector1 = "AccountPageV2UsrAef91fe8d-cf00-4194-9af0-f6645f3ee311IntegerEdit-el";

        window.console.log(dateTo);

        window.console.log(dateNow);

        if(dateTo < dateNow){

            window.console.log("red!!!");

            document.getElementById(selector1).style.background = "#ffff00";

        } 

                    

    }

                

},



В этом коде ругается на style getElementById,





но в случае с событием  нажатия по логическому полю цвет добавляется

this.on("change:UsrSumMore100", this.isAccountRedKolonka, this):



 onEntityInitialized: function(){

                    this.callParent(arguments);

                    this.on("change:UsrSumMore100", this.isAccountRedKolonka, this)

                },

isAccountRedKolonka: function() {

    var selector = "AccountPageV2UsrAef91fe8d-cf00-4194-9af0-f6645f3ee311IntegerEdit-el";

    if(this.get("UsrSumMore100")){

    document.getElementById(selector).style.background = "#ff0000";

    } else {

    document.getElementById(selector).style.background = "#ffffff";    

    }

},





 

Есть готовое решение в маркете для раскраски полей в карточке. Можно использовать его или сравнить его код с тем, что у Вас.

Нам к сожалению такое решение не подходит, так как нужно при динамическом изменении данных менять цвет поля...

Тогда посмотрите, как там задают цвет при открытии, а менять по кнопке вы уже умеете.

Показать все комментарии