Пользовательский интерфейс Onsen, как использовать метод isShow()

Я создаю очень простое приложение, использую пользовательский интерфейс Onsen и чисто JavaScript (никаких Angular, React или Vue). Это первый раз, когда вы используете этот фреймворк, но пока он кажется довольно простым и понятным, за исключением метода isShow(). У меня есть диалог, который я открываю, используя:

document.getElementById(id).show({ animation: "fade" });

Но теперь мне нужно знать, как проверить, открыто ли диалоговое окно или нет. Я думал, что сработает что-то вроде этого:

console.log(document.getElementById(id).isShown());

Но я получаю сообщение об ошибке document.getElementById(...).isShown is not a function. Единственное, что я могу найти, это то, что написано в документации пользовательского интерфейса Onsen: isShown() Returns whether the popover is visible or not.

Как определить, открыт ли (виден) элемент Dialog <ons-dialog> в пользовательском интерфейсе Onsen?


person cubanGuy    schedule 30.06.2017    source источник


Ответы (1)


Метод isShown() был частью пользовательского интерфейса Onsen v1. Для v2 вы можете получить доступ к свойству visible и получить то же значение. Документы здесь.

person Fran Dios    schedule 04.07.2017
comment
Спасибо! Я попробую. Тем временем я использовал ответ, который вы дали некоторое время назад: el.style.display !== 'none' и window.getComputedStyle(el) также работали. - person cubanGuy; 08.07.2017