• 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

Cloud VPS
–1 głos
414 wizyt
pytanie zadane 25 sierpnia 2020 w JavaScript przez Wiciorny Ekspert (281,450 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 (281,450 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ź 1,306 wizyt
pytanie zadane 16 kwietnia 2021 w JavaScript przez Piotr Popławski Użytkownik (610 p.)
0 głosów
1 odpowiedź 292 wizyt
pytanie zadane 30 października 2017 w JavaScript przez MTB Użytkownik (690 p.)
0 głosów
1 odpowiedź 436 wizyt
pytanie zadane 10 października 2018 w HTML i CSS przez hiper007 Stary wyjadacz (11,270 p.)

93,456 zapytań

142,451 odpowiedzi

322,721 komentarzy

62,837 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

Kursy INF.02 i INF.03
...