Обратный вызов onsen splitView

Я использую onsen-ui splitView.
Могу ли я сделать обратный вызов после изменения главной страницы?

Это мой код:

<ons-list-item 
    modifier="chevron"
    ng-click="ons.splitView.toggle(); ons.splitView.setMainPage('report.html');"
    class="label-sm font-sm"
    onclick="report()">
    <i class="fa fa-bar-chart fa-lg" style="color: #666"></i>
    &nbsp; Report
</ons-list-item>

person Surya Wono    schedule 17.11.2014    source источник


Ответы (1)


Да, есть события presplit и postsplit. Есть также события precollapse и postcollapse. Вы можете использовать их для прикрепления обратных вызовов.

ons.splitView.on('postsplit', function(e) {
  console.log(e);
});

Объект события имеет следующие свойства:

e.splitView // Splitview object
e.width // Window width
e.orientation // "landscape" or "portrait"

Надеюсь это поможет! :)

person Andreas Argelius    schedule 18.11.2014
comment
Вы можете использовать обратный вызов ons.ready(fn), если вы используете его, он будет запущен после загрузки OnsenUI. - person Andreas Argelius; 19.11.2014
comment
я поместил это в свой файл javasript ons.splitView.on('postsplit', function (e) { alert("X"); });, но не работает - person Surya Wono; 19.11.2014
comment
О, и у вас нет ошибки, что ons.splitView не определен? - person Andreas Argelius; 19.11.2014
comment
Это означает, что ons.splitView не определено. Вы использовали var="variableName" в элементе разделенного представления? - person Andreas Argelius; 20.11.2014
comment
Нет, в моем элементе нет var - person Surya Wono; 20.11.2014
comment
Пожалуйста, попробуйте что-то вроде <ons-split-view var="app.splitView" ... и используйте эту переменную. Он прикрепится к window, так что вы получите window.app.splitView. - person Andreas Argelius; 20.11.2014
comment
хорошо, все еще ошибка, если я поставлю снаружи $(document).ready(), но не сработает, если я поставлю туда, где я должен поместить этот код? - person Surya Wono; 29.11.2014