Bootstrap tagsinput typeahead local array

Bootstrap tagsinput typeahead local array
2017-11-23T15:24:45+01:00
2017-11-30T18:13:49+01:00
2022-10-15T21:30:34+02:00
a-p
Sziasztok!

Van egy a címben meghatározott paraméterekkel bíró programrészlet, ami jelen pillanaban működik, de ha bővetni szeretném hibát nem dob, de nem is működik. Lehet, hogy csak a fától nem látom az erdőt, de már nagyon rákeresni sem tudok így pár óra elteltével, így ha valakinek van valami ötlete, akkor azért örökké hálás leszek.

A kód ami működik:

jQuery(document).ready(function($) { var tags = $('input#<?php print($inputID) ?>'); tags.tagsinput(); tags.tagsinput('input').typeahead( { local: ['ertek1', 'ertek2'] }).bind('typeahead:selected', $.proxy(function(obj, datum) { tags.tagsinput('add', datum.value); tags.tagsinput('input').typeahead('setQuery', ''); }, $('input'))); });
A localban jelenleg ugye csak sima értékek vannak: ['ertek1', 'ertek2']
Ezt szeretném megbolondítani egy id+érték kombinációval, így: 

<script type="text/javascript"> jQuery(document).ready(function($) { var tags = $('input#<?php print($inputID) ?>'); tags.tagsinput({ itemValue: 'id', itemText: 'text' }); tags.tagsinput('input').typeahead( { local: [{"id":1,"text":"ertek1"},{"id":2,"text":"ertek2"}] }).bind('typeahead:selected', $.proxy(function(obj, datum) { tags.tagsinput('add', datum.value); tags.tagsinput('input').typeahead('setQuery', ''); }, $('input'))); }); </script>
De ez meg sehogy nem akar működni. Hibát sajna nem kapok :-S
Mutasd a teljes hozzászólást!
Be kell lőni a tokenizert is hozzá, valami ilyesmi:

var engine = new Bloodhound({ local: [{ id: 1, name: 'ertek1' }, { id: 2, name: 'ertek2' }], identify: function(obj) { return obj.id; }, queryTokenizer: Bloodhound.tokenizers.whitespace, datumTokenizer: Bloodhound.tokenizers.whitespace });

Később meg:

tags.tagsinput('input').typeahead(null, { name: 'engine', source: engine });
Persze ez így elsőre nem fog menni, de valami ilyesmi a kiindulási alap. Utána már a Bloodhound engine függvényeivel kérheted az id-hez tartozó adatokat, hozzáadhatsz rekordokat, AJAX-szal behúzhatsz távoli adathalmazt, ...
typeahead.js – examples
twitter/typeahead.js


Nekem egyszer sikerült összelőni ezt a hármat, úgyhogy fizikailag működhet, de nem egyszerű. 
Mutasd a teljes hozzászólást!

Tetszett amit olvastál? Szeretnél a jövőben is értesülni a hasonló érdekességekről?
abcd