Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: jQuery.autocomplete problem z tablica asocjacyjną
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
zaajcu
Cześć mam mały problem.

  1. $.ajax({
  2. dataType: "json",
  3. url: page_url_prefix+'ajax/json_counterparty_list',
  4. beforeSend: function(){
  5. var img = '<img src="'+page_url_prefix+'media/img/icons/ajax-loader.gif'+'" class="loading">'
  6. $('input[name=counterparty]').parent().append(img);
  7. },
  8. success: function(data)
  9. {
  10. var counterparty_list = data;
  11. $('input[name=counterparty]').parent().find('.loading').hide();
  12. $('input[name=counterparty]').autocomplete({
  13. autoFocus: true,
  14. source: counterparty_list,
  15. minLength: 1,
  16. change: function() {
  17. //$('input[name=counterparty]').trigger('change');
  18. },
  19. select: function( event, ui ) {
  20.  
  21. console.log(ui);
  22.  
  23. }
  24. });
  25. }
  26. });



counterparty_list powstaje po stronie php w następujący sposób

  1.  
  2. $counterparty_list = array('Firma1','Firma2','Firma3');
  3.  
  4. echo json_encode($counterparty_list);
  5.  


po wyborze podpowiedzianej opcji mam w console.log(ui)

label "Firma1"
value "Firma1"

Chciałbym zmienić to trochę tak aby w label był id Firmy, zatem zmieniam kod php tak:

  1.  
  2. $counterparty_list = array(12 => 'Firma1',14=>'Firma2',18=>'Firma3');
  3.  
  4. echo json_encode($counterparty_list);
  5.  



No i pojawia się problem bo już autocomplete nie działa, pewnie dla tego że to nie jest już tablica tylko obiekt.
Jak to można zrobić?

Sama nazwa klienta mi nie wystarcza potrzebuje mięć w wyszukiwarce wszystkie jego dane nazwę, nip, adres ...
Ale jako wynik wyszukania w jakiś sposób wyciągnąć jego id

Dzięki za pomoc wink.gif

nospor
W przykładach autocomplete na stronie masz pokazane dość wyraźnie, jak ma wyglądać tablica, gdy oprócz etykiety chcesz przekazać też inne dane. Czemu tam poprostu nie spojrzysz?
zaajcu
W sumie sam nie wiem czemu tam nie popatrzyłem. Dzięki wink.gif
Pozdrawiam
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.