使用核心頁面，是否有頁面加載事件？

在core-(animated)-pages集合中，我需要我選擇的頁面對它成爲選定頁面的事實做出反應。我無法弄清楚要捕捉什麼事件。試過一個簡單的load，但沒有被調用。使用核心頁面，是否有頁面加載事件？

如果默認情況下沒有這樣的事件，on-core-select可以以某種方式觸發my-element中的事件，讓它知道它應該加載它的數據？

  <core-animated-pages id="appPages" selected="{{selectedPage}}" valueattr="data-name" transitions="slide-from-right" on-core-select="{{pageSelected}}"> 
       <my-page data-name="Round 1" color="red"> 
        <div>Page 1</div> 
       </my-page> 
       <my-page data-name="Round 2" color="yellow"> 
        <div>Page 2</div> 
       </my-page> 
       <my-page data-name="Round 3" color="grey"> 
        <div>Page 3</div> 
       </my-page> 
      </core-animated-pages> 



<polymer-element name="my-page" attributes="color"> 
<template> 
    <section data-name="Round 1" layout vertical center center-justified style="background:{{color}};"> 
     <content></content> 
    </section> 
</template> 
<script> 
    Polymer('my-page', { 
     load: function (e) { 
      console.info(e) 
     } 
    }); 
</script>

來源

2014-11-21 Jens

正在做一些接近的方式你所談論的是用烙鐵導演和我的核心動畫，網頁製作每個頁面的路線和監聽路線改變，然後做我的功能。 – 2014-11-21 20:07:02

謝謝，我現在正在做類似的事情，請參閱下一個回答 – Jens 2014-11-24 09:29:06

的評論非常高興你能夠正常工作。只有在2種方法中我所知道的功能的不同之處在於flatiron-director會得到路由頁面。 www.url.com＃第1頁。應該剛剛發佈我的代碼，但我不能100％確定那是你正在尋找的。 – 2014-11-24 13:33:52

基於核心 - 動畫 - 頁文檔（https://www.polymer-project.org/docs/elements/core-elements.html#core-animated-pages），元素需要你的轉換名稱和查找包含相同的字元素。例如：

<core-animated-pages transitions="hero-transition"> 
    <section id="page1"> 
    <div id="hero1" hero-id="hero" hero></div> 
    </section> 
    <section id="page2"> 
     <div id="hero2" hero-id="hero" hero></div> 
    </section> 
</core-animated-pages>

這應該有助於避免編寫顯示/隱藏元素的邏輯。文檔還顯示轉換髮生之前和之後觸發的事件。

來源

2014-11-21 19:05:16 sesteva

好像有是在不同時間發射的兩個事件：

core-animated-pages-transition-prepare和
core-animated-pages-transition-end。

從https://github.com/Polymer/core-animated-pages：

<!-- 
    Fired before a page transition occurs. Both pages involved in the transition are visible when 
    this event fires. This is useful if there is something the client needs to do when a page becomes visible. 

    @event core-animated-pages-transition-prepare 
--> 

<!-- 
    Fired when a page transition completes. 

    @event core-animated-pages-transition-end 
-->

來源

2014-11-21 20:41:24 germ13

這很有趣，但似乎沒有幫助我的情況。這兩個事件處理程序似乎沒有關於它正在處理的頁面的任何信息。死路。我回去檢查'on-core-selected'，實際上'detail.item'可以用來獲取頁面內的東西，特別是'core-ajax'元素，然後我可以觸發一個'go（）'來獲取新數據。感謝讓我重新思考:-) – Jens 2014-11-24 09:25:26

使用核心頁面，是否有頁面加載事件？

回答

相關問題