бумага Вкладка полосы выбор не показывая

Я положил бумаги ушек элемента внутри панели бумаги прокрутки заголовкабумага Вкладка полосы выбор не показывая

Но строка выбора, кажется, не работает должным образом. Он не отображается по умолчанию, но когда я

навигации на другую страницу, а затем вернуться домой или
изменения размеров моего окна хромированной

строка выбора возвращается

Я искал решение для этого и нашел что-то около updateBar() - функция внутри определения бумажных вкладок, которая должна вызываться, когда вам нужно обновить представление.

Тем не менее, я не могу стрелять эту функцию из элемента верстки

Пожалуйста, помогите мне ...

<dom-module id="page-layout"> 
    <link rel="stylesheet" href="styles.css"> 
    <link rel="import" href="imports.html"> 
    <link rel="import" href="page-content.html"> 
    <template> 
     <paper-scroll-header-panel condenses keepCondensedHeader> 
      <paper-toolbar class="tall"> 
       <span class="flex"></span> 
       <paper-icon-button icon="refresh" 
        onclick='location.reload()'> 
       </paper-icon-button> 
       <paper-icon-button icon="search"></paper-icon-button> 
       <div class="middle titleHead" >TMess</div> 
       <span class="flex bottom"></span> 
       <!--Navigation--> 
       <paper-tabs id="tabs" class="bottom" 
          selected="0" noink noBar> 
        <paper-tab> 
         <iron-icon icon="home" class="tabs"></iron-icon> 
         <span class="tabtext">Home</span> 
        </paper-tab> 
        <paper-tab> 
         <iron-icon icon="event" class="tabs"></iron-icon> 
         <span class="tabtext">Events</span> 
        </paper-tab> 
        <paper-tab> 
         <iron-icon icon="drafts" class="tabs"></iron-icon> 
         <span class="tabtext">Suggest</span> 
        </paper-tab> 
        <paper-tab> 
         <iron-icon icon="account-box" class="tabs"> 
         </iron-icon> 
         <span class="tabtext">About Us</span> 
        </paper-tab>    
       </paper-tabs> 
      </paper-toolbar> 
      <div class="content"> 
       <page-content size="100"></page-content> 
      </div> 
     </paper-scroll-header-panel> 
    </template> 
</dom-module> 
<script> 
    Polymer({ 
     is: 'page-layout' 
    }); 
</script> 
<script> 
    window.onload = function(){ 
     setNavigation(); 

    }; 
    function setNavigation(){ 
     var tabs = document.querySelector('#tabs'); 
     var content = document.getElementsByTagName('page-content')[0]; 
     var pages = content.getElementsByTagName('iron-pages')[0]; 
     tabs.addEventListener('iron-select', function(){ 
      pages.selected = tabs.selected; 
     }); 
    } 
</script>

источник

2015-06-04 TMess

Я не могу сказать по вашему вопросу, если вы пытаетесь всегда показывать или всегда скрывать планку. Если вы хотите скрыть его, вам нужно изменить 'noBar' на' no-bar'. Если вы пытаетесь показать это, вы должны явно удалить «noBar», но у меня также есть проблема, когда она не отображается, пока окно не изменится или нажмите кнопку. – davkutalek

Где находится эта собственность «no-bar»? Он не документирован, а не на веб-сайте Polymer ... но он работает! – nepdev

У меня есть хак, который может помочь вам: tabs._onResize(); Это показывает панель выбора в Polymer 1.1, но я не считаю это хорошей практикой, возможно, вы должны найти ошибку в своем репозитории.

источник

2015-10-18 21:52:07 junikorn

бумага Вкладка полосы выбор не показывая

ответ

Смежные вопросы