javascript - ASP.Net MVC 5 Passing data to modal -
i need pass object modal. have :
 @for (int = 0; < @model.count; i++) {     <div id="contentdiv" style="margin: 10px">         <div class="form-group">             <div>                 day : @model[i].day.day / hour : @model[i].hour             </div>             <div class="form-group">                  <button id="reservationbutton" class="btn-default btn-lg" disabled="@model[i].ishourtaken()" onclick="@($"openmodalpopup('{i}')");">book</button>             </div>         </div>     </div> }   my js :
   function openmodalpopup(id) {     $('#mymodal').modal(); };   and modal :
<div class="modal fade" id="mymodal" tabindex="-1" role="dialog"  aria-labelledby="mymodallabel"> <div class="modal-dialog" role="document">     <div class="modal-content">         <div class="modal-header">             <button type="button" class="close" data-dismiss="modal"                     aria-label="close"><span aria-hidden="true">×</span></button>             <h4 class="modal-title" id="mymodallabel">book hour!</h4>         </div>         <div class="modal-body">             <div>                 <div>                     <div class="row">                         <b>day:</b>                         <div class="col-lg-5">                             <span class="reservationday"> @model[indexoftheday].day </span>                         </div>                     </div>                     <div class="row">                         <b>hour:</b>                         <div class="col-lg-5">                             <span class="reservationhour"> @model[indexoftheday].hour </span>                         </div>                     </div> (......)   my problem here @model[indexoftheday].day dont know how pass indexoftheday modal. 
thanks in advance!
thank sir! managed :
<button id="reservationbutton" class="btn-default btn-lg" disabled="@model[i].ishourtaken()" onclick="@($"openmodalpopup('{@model[i].getday()}')");">book</button>   js:
 function openmodalpopup(reservationday ) {     $('.reservationday').text(reservationday);     $('#mymodal').modal(); };   and in modal
<div class="modal-body">             <div>                 <div class="container-fluid">                     <div class="row">                         <div class="col-xs-3">                             <b>day</b>                         </div>                         <div class="col-xs-9">                             <span class="reservationday"/>                         </div>                     </div>   unfortunatelly next problem faced reason (error : constant value expected...) can't pass 2 parameters function :( updated function looks :
  function openmodalpopup(reservationday,reservationhour ) {         $('.reservationday').text(reservationday);         $('.reservationhour').text(reservationhour);         $('#mymodal').modal();     };      
Comments
Post a Comment