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

Popular posts from this blog

php - Invalid Cofiguration - yii\base\InvalidConfigException - Yii2 -

How to show in django cms breadcrumbs full path? -

ruby on rails - npm error: tunneling socket could not be established, cause=connect ETIMEDOUT -