Aver

Webix JS
1

Я пытаюсь создать таб бар.
{
view: “tabbar”,
borderless: true,
id: “tabbar”,
value: “listView”,
multiview: true,
optionWidth: 150,
options: [
{
id: ‘listView’,
value: “sdfsF”
},
{
id: ‘formView’,
value: “???”
},
]
}

Как мне сделать заголовок с объектами icon. Что бы я мог вешать на них события и отслеживать владельца ?

2

https://forum.webix.com/discussion/comment/22276/#Comment_22276

3

Здравствуйте,

Icon можно задать непосредственно в value опций таббара, также можно привязать нативное событие onclick - https://snippet.webix.com/pdmejnt2. Также один из наших готовых примеров как раз показывает, как это можно реализовать - https://snippet.webix.com/fbrlr56d.

4

Дорого времени суток. Спасибо за ответ, это тоже решение, хотя и не такое как я имел в виду.
Я думал что то типа -

  var icon = webix.ui({
     view: "icon",
     icon: "tab_close fas fa-times",
     on: {
        onFocus: d => {
           alert('На меня нажали');
        }
     }

{
view: “tabbar”,
borderless: true,
id: “tabbar”,
value: “listView”,
multiview: true,
optionWidth: 150,
options: [
{
id: ‘listView’,
value: “Вкладка 1”
},
{
id: ‘listView2’,
value: icon.getNode().innerHTML +“Вкладка 2”
},
]
}

Но в это, как я понимаю, я просто делаю копию html кода объекта, но не привязываю сам объект и соответственно не могу работать с этим отображением. А хотелось бы получить именно вывод отображения данного объекта. По какому признаку определяется что это - какой-то объект webix, а вот это - просто такой же по содержанию html, view_id ?

5

можете комбинировать классы в иконках (или любые другие параметры) с событием onBeforeTabClick
https://snippet.webix.com/e57u5oe4

6

Да, я изначально так и сделал. Но если мне нужно действие с самой иконкой, например добавить ей стиль, или удалить ее? Я то могу получить только таб, а там нативным js потрошить html и искать иконку.
Не эстетично. Хотелось бы иметь возможность вывести отображение произвольного объекта в произвольное место и сохранить над ним контроль именно как над объектом webix