javascript - Show commands' labels in AppBar with More button -
so i've got myself appbar in winjs uwp app
<div data-win-control="winjs.ui.appbar" id="appbar" data-win-options="{ closeddisplaymode : 'compact', placement:'bottom'}"> <button data-win-control="winjs.ui.appbarcommand" data-win-options="{id:'flyoutbutton', type:'flyout', label:'třída', icon:'otheruser', flyout:select('#classflyout')}"></button> <button data-win-control="winjs.ui.appbarcommand" data-win-options="{id:'flyoutbutton', type:'flyout', label:'schovávání hodin', icon:'calendarday', flyout:select('#hidingflyout')}"></button> <button data-win-control="winjs.ui.appbarcommand" data-win-options="{id:'morebutton',label:'more',icon:'more',section:'primary',tooltip:'show more'}"></button> </div>
it has 2 flyouts , button. when click button, want the other commands' labels visible - in win10 weather app.
i've tried create function, change appbar's closeddisplaymode
'full'.
winjs.ui.processall().done(function () { appbar = document.getelementbyid("appbar"); }); function addlisteners() { document.getelementbyid("morebutton").addeventlistener("click", opencloseappbar, false); } function opencloseappbar() { appbar.closeddisplaymode = 'full'; }
that, however, doesn't work. there other way done i'm missing? (because reason can't find documentation on it.) or doing wrong..?
the correct way apparently this:
appbar.wincontrol.closeddisplaymode = "full";
(emphasis on .wincontrol
.)
Comments
Post a Comment