Выберите железо-Аякс элемента на теле

Я стараюсь включать 2 элемента на HTML файл выглядит следующим образом:Выберите железо-Аякс элемента на теле

<html> 
    <body> 
    <iron-ajax id="requestContent"></iron-ajax> 
    <my-custom-element></my-custom-element> 
    </body> 
</html>

В my-custom-element У меня есть ссылка тег on-click собственности, я хочу, чтобы выбрать iron-ajax элемент, id при нажатии ссылка на my-custom-element. Как я могу это сделать?

<dom-module id="my-custom-element"> 
    <template> 
    <a href$="/target-page" on-click="_aFunction">click me</a> 
    </template> 
    <script> 
    Polymenr({ 
     is: 'my-custom-element', 
     _aFunction: function(){ 
      console.log(this.parentNode); // output element body 
      console.log(this.parentNode.$); // undefined 
      // console.log(this.parentNode.$.requestContent); 
     } 
    }); 
    </script> 
</dom-module>

источник

2017-02-17 itx

Это, вероятно, не очень хорошая идея. Это потому, что 'my-custom-element' должен иметь родителя, у которого есть« iron-ajax »как ребенок. Действительно, вы должны запустить событие родительскому элементу, который затем может решить, какие процессы выполнить. Посмотрите шаблон [dom-bind] (https://www.polymer-project.org/1.0/docs/api/dom-bind) и [стрельба по специальным событиям] (https: //www.polymer-project .org/1.0/docs/devguide/events # custom-events) –

@BenThomas fyi, если я добавлю «iron-ajax» и «my-custom-element» к другому пользовательскому элементу, он работает. Но я хочу, чтобы внешний элемент был внутри тега тела – itx

Ребенок запускает пользовательское событие с идентификатором должен быть выбран, родитель запускает функцию, которая выбирает идентификатор.

Родитель

<iron-ajax id="requestContent" on-select-ajax="handleSelection"></iron-ajax> 

      handleSelection: function(e) { 
      // do what you have to do with e.name 
      // you can pass the data anywhere 
      }

Детский

<dom-module id="my-custom-element"> 
    <template> 
    <a href$="/target-page" on-tap="_aFunction">click me</a> 
    </template> 
    <script> 
    Polymenr({ 
     is: 'my-custom-element', 
     _aFunction: function(e, detail) { 
     this.fire('select-ajax', {name: requestContent}); 
     } 
    }); 
    </script> 
</dom-module>

пс: Я изменил на щелчок, чтобы на кране, чтобы щелчки и прикосновения по вашей ссылке.

источник

2017-02-17 13:40:29

Выберите железо-Аякс элемента на теле

ответ

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