Polymer iron-lazy-pages - how to display multiple views on front page

Support
#1

How do I display multiple views(custom elements) on front page. I’m using iron-lazy-pages and I tried inserting the following inside the iron-lazy-pages element but all not working.

<jackpot-list data-route="" ></jackpot-list>
<odd-highlights  data-route="" > </odd-highlights >

Only the first element is displayed.

<div data-route=""> 
   <jackpot-list></jackpot-list>
   <odd-highlights></odd-highlights > 
</div>

Both elements displayed but the cuba-query data inside both elements not loaded

<template data-route=""> 
    <jackpot-list></jackpot-list>
    <odd-highlights></odd-highlights > 
</template>

Both elements not displayed

Lastly I tried creating a new view called and inserted the two elements, then insert this inside the iron-lazy-pages as below.

<home-list data-route=""></home-list>

Both elements are displayed but with no data loaded in cuba-query inside the elements.

Note: I can display the two elements when called in separate menus.

#3

Hi,

Stay with the last variant.
Check cuba-query's auto attribute - if it’s bound to some property make sure it’s true, if you want data to be loaded automatically.

#4

below is what I have in odd-highlights element:

   <cuba-query 
    id="data" 
    entity-name="myApp$Odd" 
    query-name="oddHighlights" 
    params="[[queryParams]]" 
    data="{{entities}}" 
    loading="{{dataLoading}}" 
    provide-count="true" 
    count="{{entitiesCount}}" 
    auto="{{active}}"> 
</cuba-query>

And on the script section:

    active:{
      type:Boolean,
      value: function(){ return true;}
    },

in the home-list element I put:

 <odd-highlights active="true"></odd-highlights >

This setup is also not working. Infact I’m noticing that when I load element directly from a separate menu/route, it only works when I ‘active’ property is given ‘false’ value as below:

    active:{
      type:Boolean,
      value: function(){ return false;}
    },

From your post above I would expect it to load data when active = true.

#5

Can you please open the developer console and see if any errors appear?

#7

I still need help with this issue: I don’t see any related error in developer console.
Please check for me: http://181.214.64.228:8080/app-front
I want the home page to display shorten lists for Jackpots, Highlight matches and All matches views.

#8

Hi,

You need to pass active through betwise-home to betwise-jackpot-list and betwise-odd-highlights. So set this attribute for corresponding elements in your betwise-home:

<betwise-odd-highlights  ...  active="[[active]]" ...>
<betwise-odd-list ... active="[[active]]" ...>

Let me know if it does not help.

#9

It worked. Thanks a lot @vlad.minaev