Применить Css по нажатию кнопки - PullRequest
Новая
       66

Применить Css по нажатию кнопки

0 голосов
/ 23 октября 2018

Я использую ниже CSS, чтобы применить Active и Inactive CSS к двум кнопкам.

При загрузке страницы одна кнопка будет «активной», а другая - «InActive». 

.buttonactive button  {
    color: white;
    font: bold;
    /*background: chocolate;*/
    background-color:#39373e;
    border-radius: 5px;
}

.buttonInactive button{
    color: white;font: bold;
    background-color:#adaaaf;
    border-radius: 5px;
}

с использованием приведенного ниже кода при загрузке страницы 

//set CSS

webix.html.addCss($$("btnApps").getNode(), "buttonactive");
webix.html.addCss($$("btnTitles").getNode(), "buttonInactive");

UpCSS здесь применяются правильно.

Когда я нажимаю вторую кнопку, должен применяться класс CSS active, а другая кнопка должна применять класс CSS inactive.Тем не менее, это не работает для меня? 

{view: "button", id:"btnApps", value: "Apps", width: 205, height: 35, click: "getApps();" },

{ view: "button", id:"btnTitles", value: "Titles", width: 205, height: 35, click: "getTitles();" },

function getApps() {
webix.html.addCss($$("btnTitles").getNode(), "buttonInactive");
webix.html.addCss($$("btnApps").getNode(), "buttonactive");
}

function getTitles() {
webix.html.addCss($$("btnTitles").getNode(), "buttonactive");
webix.html.addCss($$("btnApps").getNode(), "buttonInactive");
}

Вот код фрагмента

https://snippet.webix.com/k9oj9wpu

1 Ответ

0 голосов
/ 03 апреля 2019

Синтаксис для обработчика кликов неверный.Вы должны использовать этот синтаксис:

click: getApps

Как указано в документе здесь: нажатие кнопки webix

Ваш фрагмент кода исправлен с правильнымсинтаксис здесь:

https://snippet.webix.com/dx5d9e49

...