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
Post a Comment