Polymer: Call render on the dom-repeat to refresh the sort/filter.

Created on 9 Jun 2015  路  5Comments  路  Source: Polymer/polymer

How to call render() manually from followings code:

<template id="resultList" is="dom-repeat" items="{{ schedules }}" filter="filterRoom" as="schedule" index-as="scheduleId">
...
</template>

I have a filterRoom function based outside model value !

Could anyone give the sample code to call render() function of template repeat !

I try this.$.resultList.render() but it not work :(

Thank you !

pending-response

Most helpful comment

@clearmirror
Long due answer. Anyhoo ...
change: this.schedules.push({name: 'Item A'});
to this.push('schedules', {name: 'Item A'});
Doc: Polymer array mutation

All 5 comments

Here's an example: http://jsbin.com/ziqiwe/1/edit

Maybe you can edit this to more closely match where you're having trouble?

@kevinpschaaf Thank you for supporting !
Anyway, I have completed my first application use Firebase & Polymer ! It really difficult than using AngularJS or ReactJs.
Demo: http://euclid1990.github.io/meeting_room_booking/

Your app looks great! Thanks for sharing!

Our documentation is always improving. If you can post any specific issues you had, we'll work on addressing them.

I did a bit change of the example code (http://jsbin.com/hewapofavo/1/edit?html,output) but it does not work as expected. Basically I removed the filter and whenever input text changes I push a new item into schedules. The render method extends the list but names of new items are missing.

@clearmirror
Long due answer. Anyhoo ...
change: this.schedules.push({name: 'Item A'});
to this.push('schedules', {name: 'Item A'});
Doc: Polymer array mutation

Was this page helpful?
0 / 5 - 0 ratings