create polymer custom element using paper-listbox with filter -


i create custom elements in polymer using paper-listbox filter (search). started code below. however, thing not correct code. need on

<dom-module id="employee-list"> <template >     <paper-input on-change="filter"  floatinglabel id="searchemployee"></paper-input>     <paper-listbox class="dropdown-content">         <template is="dom-repeat" items="[[getactiveemployees]]" flex>             <paper-item value="[[item.employeecode]]" class="dropdown-item">[[item.employeename]]</paper-item>         </template>     </paper-listbox> </template> <script>     polymer({         is: 'employee-list',         properties: {             getactiveemployees: {                 type: array,                 value: [],                 notify: true             },             filtervalue: {                 type: string,                 notify:true             }         },         ready: function () {             this.getactiveemployees = getactiveemployeelist();         },         filter: function(val) {             alert(json.stringify(val));             return function (person) {                 if (!this.filtervalue) return true;                 if (!person) return false;                 return (person.companyname && ~person.companyname.tolowercase().indexof(val.tolowercase()));             };         }     });  </script> 

bind input value filtervalue , use filter in dom-repeat

<paper-input value="{{filtervalue}}"  floatinglabel id="searchemployee"></paper-input>  <template is="dom-repeat" items="[[getactiveemployees]]" flex filter="filter"> 

Comments

Popular posts from this blog

c# - How Configure Devart dotConnect for SQLite Code First? -

java - Copying object fields -

c++ - Clear the memory after returning a vector in a function -