• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

question-closed Dynamiczny checkbox do okna modalnego w Boostrapie

Object Storage Arubacloud
–1 głos
309 wizyt
pytanie zadane 25 sierpnia 2020 w JavaScript przez Wiciorny Ekspert (270,170 p.)
zamknięte 26 sierpnia 2020 przez Wiciorny

Hej, mam pewien problem. Generuje sobie okienko modalne z danymi. Te dane posłane beda funkcja z Javy, przez javascript odebrane i ustwaione do zmiennej data ... jako json string.
Chciałem jak na  kodzie poniżej wygenerować sobie na podstawie danych tabele modalna w BOOSTRAPIE. KOD JEST PONIŻEJ DZIAŁA POPRAWNIE, ale nie mam pomysłu jak dodać inputa do tego na js fidle tez link podrzuce 

<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#modalTable">Show Table</button>



<!-- Modal -->
<div id="modalTable" class="modal fade" role="dialog">
  <div class="modal-dialog">

    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Modal Header</h4>
      </div>
      <div class="modal-body">
<table id="mytable" class="table">
	<thead>
        <tr>
            <th class="col-xs-1" data-field="id">Id</th>
            <th class="col-xs-1" data-field="name"> Name</th>
            <th class="col-xs-2" data-field="price">Price</th>
        </tr>
     </thead>

</table>
 

		</div>
	      <div class="modal-footer">
	        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
	      </div>
    </div>

  </div>
</div>


Każdy rekord tej tabeli musi zawierac checkbox i tu sie rodzi moje pytanie jak to zrobic skoro za pomocą 

$(document).ready(function()
{
	$('#modalTable').on('shown.bs.modal',function()
	{
		console.log("I am in bro");
		$('#mytable').bootstrapTable({
			data: data
		});
	})
});

generuje dane tylko na podstawie jsona .... ? Ktoś ma pomysł jak dodać do tego żeby każdy rekord dynamicznie tworzony zawierał checkbox? 

Link : https://jsfiddle.net/e31hugqL/3/

komentarz zamknięcia: Problem rozwiązany z użyciem dokumentacji Boostrap podanej w odpowiedzi :)

1 odpowiedź

+2 głosów
odpowiedź 26 sierpnia 2020 przez ScriptyChris Mędrzec (190,190 p.)
wybrane 26 sierpnia 2020 przez Wiciorny
 
Najlepsza

Spróbuj dodać osobny element <th> z atrybutami checkbox oraz checkboxEnabled (w dokumentacji jest demo).

komentarz 26 sierpnia 2020 przez Wiciorny Ekspert (270,170 p.)
ahh, super nie zwróciłem uwagi że tyle tutaj w docu siedzi.
Dzięki bardzo- pytanie rozwiązane.

Podobne pytania

+1 głos
1 odpowiedź 590 wizyt
pytanie zadane 16 kwietnia 2021 w JavaScript przez Piotr Popławski Użytkownik (610 p.)
0 głosów
1 odpowiedź 219 wizyt
pytanie zadane 30 października 2017 w JavaScript przez MTB Użytkownik (690 p.)
0 głosów
1 odpowiedź 367 wizyt
pytanie zadane 10 października 2018 w HTML i CSS przez hiper007 Stary wyjadacz (11,270 p.)

92,575 zapytań

141,424 odpowiedzi

319,649 komentarzy

61,960 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...