Нажмите событие не стреляя в полимерной бумаги-значок кнопки

я следующая страница определяетсяНажмите событие не стреляя в полимерной бумаги-значок кнопки

<!DOCTYPE html> 
<html> 
<head> 
    <title>Practice List</title> 
    <link rel="import" href="elements/elements.html" /> 
    <link rel="stylesheet" type="text/css" href="Styles/styles.css" /> 
    <!-- google fonts definitions --> 
    <link href='http://fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'> 
    <script src="bower_components/webcomponentsjs/webcomponents-lite.js"></script> 
</head> 
<body unresolved class="fullbleed layout vertical"> 
    <dom-module id="app"> 
     <template> 
      <paper-drawer-panel> 
       <paper-header-panel main mode="waterfall-tall"> 
        <paper-toolbar id="mainToolbar"> 
         <paper-icon-button id="paperToggle" icon="menu" paper-drawer-toggle></paper-icon-button> 
         <span class="flex"></span> 
         <paper-icon-button icon="search" on-tap="srchandler"></paper-icon-button> 
         <input type="text" id="searchText" style="width:200px; background:#3180ed;line-height:20px;border:solid 1px #4d90eb; border-radius:6px; padding:3px;color:#fff;" /> 
         <div class="middle paper-font-display2 app-name ident">Practice List</div> 
        </paper-toolbar> 
       </paper-header-panel> 
      </paper-drawer-panel> 
     </template> 
     <script> 
      Polymer({ 
       is: "app", 
       ready: function() { 
        alert('Ready!!!!'); 
       }, 
       srchandler: function() { 
        alert('Search clicked'); 
       } 
      }); 
     </script> 
    </dom-module> 
</body> 
</html>

Для полноты здесь является elements.html файлу

<!-- Iron --> 
<link rel="import" href="../bower_components/iron-icons/iron-icons.html"> 

<!-- Paper Elements --> 
<link rel="import" href="../bower_components/paper-drawer-panel/paper-drawer-panel.html"> 
<link rel="import" href="../bower-components/paper-header-panel/paper-header-panel.html"> 
<link rel="import" href="../bower_components/paper-icon-button/paper-icon-button.html"> 
<link rel="import" href="../bower_components/paper-input/paper-input.html"> 
<link rel="import" href="../bower_components/paper-styles/paper-styles.html"> 
<link rel="import" href="../bower_components/paper-toolbar/paper-toolbar.html">

Я двигаюсь к полимеру 1.0 и только что создали страницу выше. Появляется предупреждение «обработчик сценария», но обратный вызов ready не запускается, и когда я нажимаю кнопку поиска, функция searchhandler не вызывается.

Может ли кто-нибудь дать мне представление о том, где я ошибаюсь?

источник

2015-06-17 Paul S Chapman

См. here для руководства по миграции. Для вашего события не стрельбы см here

Фигурные скобки ({{}}) не используются для декларативных обработчиков событий в шаблоне.

Ваш код должен быть:

<paper-icon-button icon="search" on-tap="srchandler"></paper-icon-button>

Ваш регистрационный элемент должен также теперь изменить. См. here

<body unresolved class="fullbleed layout vertical"> 
    <dom-module id="my-app"> 
     <template> 
     <!-- your template here --> 
      <paper-drawer-panel> 
       <paper-header-panel main mode="waterfall-tall"> 
        <paper-toolbar id="mainToolbar"> 
         <paper-icon-button id="paperToggle" icon="menu" paper-drawer-toggle></paper-icon-button> 
         <span class="flex"></span> 
         <paper-icon-button icon="search" on-tap="srchandler"></paper-icon-button> 
         <input type="text" id="searchText" style="width:0px;visibility:hidden;" /> 
         <div class="middle paper-font-display2 app-name ident">Practice List</div> 
        </paper-toolbar> 
       </paper-header-panel> 
      </paper-drawer-panel> 
     </template> 
     <script> 
      Polymer({ 
       is: "my-app", 
       ready: function() { 
        alert('Ready!!!!'); 
       }, 
       srchandler: function() { 
        alert('Search clicked'); 
       } 
      }); 
     </script> 
    </dom-module> 

    <my-app></my-app> 
</body>

источник

2015-06-17 15:38:09

Спасибо, пробовал, но событие все равно не срабатывает. Имейте в виду, что даже если я сделаю код '<значок-icon-icon icon = "поиск" on-tap = "alert (' Привет там ');">' Предупреждение также не отображается. –

См. Другие изменения, которые я только что сделал для ответа. Вам нужно изменить регистрацию элемента. –

Я изменил код в своем исходном вопросе в соответствии с предлагаемыми вами изменениями - теперь вместо того, чтобы получать панель заголовка и панели ящиков, ничего не отображается :(- извините, возможно, что-то не хватает в файле элементов, но не может подумать. –

Нажмите событие не стреляя в полимерной бумаги-значок кнопки

ответ

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