Бутстрап модальный для нескольких столов - PullRequest
Новая
       12

Бутстрап модальный для нескольких столов

0 голосов
/ 14 февраля 2019

Итак, я создал своего рода страницу администратора, используя, среди прочего, laravel, admin-lte, bootstrap ...

Я создал много таблиц и использовал их для редактирования и удаления данных (в частности, показываяданные) 

    $('#exampleModal').on('show.bs.modal', function (event) {
  var button = $(event.relatedTarget) // Button that triggered the modal
  var recipient = button.data('whatever') // Extract info from data-* attributes
  // If necessary, you could initiate an AJAX request here (and then do the updating in a callback).
  // Update the modal's content. We'll use jQuery here, but you could use a data binding library or other methods instead.
  var modal = $(this)
  modal.find('.modal-title').text('New message to ' + recipient)
  modal.find('.modal-body input').val(recipient)
})

Когда я использую это для первой таблицы («Перели»), все нормально, никаких проблем.Но когда я проделал то же самое с другой таблицей («tim»), он просто не смог нажать кнопку «Изменить» и показать данные.

Первая, для master.blade.php:

A.«Перели» 

<script>
 $('#edit_pereli').on('show.bs.modal', function (event) {
    var button = $(event.relatedTarget)
    var namapereli = button.data('mynamapereli')
    var jenispereli = button.data('myjenispereli') 
    var ttlpereli = button.data('myttlpereli')
    var lahirpereli = button.data('mylahirpereli')
    var domisilipereli = button.data('mydomisilipereli')
    var rallypertamapereli = button.data('myrallypertamapereli') 
    var gelarrallypereli = button.data('mygelarrallypereli')
    var gelarsprintpereli = button.data('mygelarsprintpereli') 
    var biografipereli = button.data('mybiografipereli')
    var medsospereli = button.data('mymedsospereli')
    var idpereli = button.data('myidpereli')
    var modal = $(this)

    modal.find('.modal-body #nama_pereli').val(namapereli);
    modal.find('.modal-body #jenis_kelamin_pereli').val(jenispereli);
    modal.find('.modal-body #tanggal_lahir_pereli').val(ttlpereli);
    modal.find('.modal-body #tempat_lahir_pereli').val(lahirpereli);
    modal.find('.modal-body #domisili_pereli').val(domisilipereli);
    modal.find('.modal-body #rally_pertama_pereli').val(rallypertamapereli);
    modal.find('.modal-body #gelar_pereli_rally').val(gelarrallypereli);
    modal.find('.modal-body #gelar_pereli_sprintrally').val(gelarsprintpereli);
    modal.find('.modal-body #biografi_pereli').val(biografipereli);
    modal.find('.modal-body #link_medsos_pereli').val(medsospereli);
    modal.find('.modal-body #id_pereli').val(idpereli);
  })

  $('#hapus_pereli').on('show.bs.modal', function (event) {
    var button = $(event.relatedTarget)
    var idpereli = button.data('myidpereli')
    var modal = $(this)

    modal.find('.modal-body #id_pereli').val(idpereli);
  })
</script>

B.'Тим' 

 <script>
  //TIM
  $('#edit_tim').on('show.bs.modal', function (event) {
    var button1 = $(event.relatedTarget)
    var namatim = button.data('mynamatim')
    var tahuntim = button.data('mytahuntim')
    var pemiliktim = button.data('mypemiliktim')
    var homebasetim = button.data('myhomebasetim')
    var principaltim = button.data('myprincipaltim')
    var rallypertamatim = button.data('myrallypertamatim')
    var gelarrallytim = button.data('mygelarrallytim')
    var gelarsprinttim = button.data('mygelarsprinttim') 
    var biografitim = button.data('mybiografitim')
    var websitetim = button.data('mywebsitetim')
    var medsostim = button.data('mymedsostim')
    var tim_id = button1.data('timid')
    var modal = $(this)

    modal.find('.modal-body #nama_tim').val(namatim);
    modal.find('.modal-body #tahun_berdiri_tim').val(tahuntim);
    modal.find('.modal-body #pemilik_tim').val(pemiliktim);
    modal.find('.modal-body #homebase_tim').val(homebasetim);
    modal.find('.modal-body #principal_tim').val(principaltim);
    modal.find('.modal-body #rally_pertama_tim').val(rallypertamatim);
    modal.find('.modal-body #gelar_tim_rally').val(gelarrallytim);
    modal.find('.modal-body #gelar_tim_sprintrally').val(gelarsprinttim);
    modal.find('.modal-body #biografi_tim').val(biografitim);
    modal.find('.modal-body #website_tim').val(websitetim);
    modal.find('.modal-body #link_medsos_tim').val(medsostim);
    modal.find('.modal-body #tim_id').val(tim_id);
  })
</script>

Моя первая мысль состояла в том, что я разделил эти два, но когда я объединил их обоих в один, это все равно не сработало.

Мой лектор однаждысказал, что это должно быть отделено, сделайте это двумя 'master.blade'.Но я не уверен в этом.

Во всяком случае, я впервые здесь ...

...