Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Drzewko kategorii wybor pluginu
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
rad11
Czy znacie jakis plugin w ktorym bede mogl generowac drzewo kategorii przy pomocy ajaxa. Mam na mysli to ze mam drzewo kategorii:

  1.  
  2. <ul>
  3.  
  4. <li>A</li>
  5. <li>B</li>
  6. <li>C</li>
  7.  
  8. </ul>
  9.  


I na przyklad po kliknieciu w A wysylam request ajaxem o pod kategorie i otrzymuje:
  1. <ul>
  2.  
  3. <li>
  4. A
  5. <ul>
  6. <li>B</li>
  7. <li>C</li>
  8. </ul>
  9. </li>
  10. <li>B</li>
  11. <li>C</li>
  12.  
  13. </ul>
  14.  


itd dodam ze taki zaglebien jest bardzo duzo.

Mam niby takie cos:

  1.  
  2. <ul class="categories">
  3. <?php foreach($categories as $k => $v): ?>
  4. <li><a class="category" data-id="<?php echo $v->id; ?>"><?php echo $v->name ?></a></li>
  5. <?php endforeach; ?>
  6. </ul>
  7.  
  8. $('.category').on('click', function (e) {
  9. e.preventDefault();
  10. var data_id = $(this).attr('data-id');
  11. $(this).addClass('clicked');
  12.  
  13. var ajax = $.ajax({
  14. method: "POST",
  15. data: {
  16. id: data_id
  17. },
  18. url: "/search/childrensCategory",
  19. dataType: "JSON",
  20. success: function (res) {
  21. html = '<ul>';
  22. $.each(res, function (k, v) {
  23. html += '<li><a class="category" data-id="' + v.id + '">' + v.name + '</a></li>';
  24. });
  25. html += '</ul>';
  26.  
  27. if (!$(this).hasClass('clicked')) {
  28. $('.clicked').parent().append(html);
  29. $('.category').removeClass('clicked');
  30. }
  31. }
  32. });
  33.  
  34.  
  35. });
  36.  
  37.  


Ale to tylko rozwija kategorie pierwszego stopnia nie wykrywa wogole eventu na click w podkategorii.
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.