如何在Polymer中自定义元素中的所有内部绑定准备就绪时获取事件?

时间:2015-09-20 13:39:18

标签: javascript polymer

我有自定义元素

<maillist-chain-extended id="chain_extended" messages="{{maillist}}"></maillist-chain-extended>

每次属性&#34;消息&#34;更改后,所有内部元素都会自行重绘。

 <dom-module id="maillist-chain-extended">
      <template>
      <paper-material elevation="4" id="maillist-chain-extended">
        <array-selector id="array_selector" items="{{messages}}" selected="{{actual_chain}}" toggle></array-selector>
        <maillist-chain-header content="{{actual_chain}}"></maillist-chain-header>
        <div class="b-maillist-chain-quantity">{{actual_chain.Messages.length}}</div>
        <template is="dom-repeat" items="{{actual_chain.Messages}}" as="chain_item">
          <div class="b-maillist-chain-item-wrapper">
            <maillist-chain-item-header item-content="{{chain_item}}"></maillist-chain-item-header>
            <maillist-chain-item-full item-content="{{chain_item}}"></maillist-chain-item-full>         
          </div>
        </template>
      </paper-material>
    </template>
    </dom-module>

我希望在所有内部模板都被压印之后对其DOM进行一些更改,但是如果dom-change事件处理程序on将处理内部元素的所有dom-change事件,我该怎么做呢?我需要在所有内部DOM准备就绪时触发的事件。

谢谢

1 个答案:

答案 0 :(得分:1)

使用ready回调或使用this.fire('event', data)

触发自定义事件

在执行任何DOM操作后,使用Polymer.dom.flush()interrogate the DOM