Modal form MVC/C genişliğini geçersiz kıl #

Question

Uygulamada paylaşılan bir kalıcı form var, şimdi bu belirli model için aynı tanımlamayı yeniden kullanmak istiyorum, ancak genişliği genişletmek istiyorum. Bunu yapmanın bir yolu var mı?

<div id="modal-container" class="modal fade"> 
<div class="modal-dialog" style="width: 90%;"> -- this style attribute should change whenever gets called on a specific view 
    <div class="modal-content"> 
     <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
      <h2 class="modal-title"></h2> 
     </div> 
     <div class="modal-body partialContainer" style="max-height: 600px;"> 
     </div> 

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

Answer 1

yerleştirin modeli tanımı için css eklemek size genişlik değiştirmek istediğiniz size modelinde sınıf kendi ekle kısmi görünümde (_MyModel.cshtml) ve değiştir Dinamik ViewDate'ten gelen genişliği ve genişliği geçerek kısmi görünümü çağır.

Kısmi Profil Kodu:

<div id="modal-container" class="modal fade"> 
    <div class="modal-dialog" style='@ViewData["width"].ToString()'> -- this style attribute     should change whenever gets called on a specific view 
<div class="modal-content"> 
    <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
     <h2 class="modal-title"></h2> 
    </div> 
    <div class="modal-body partialContainer" style="max-height: 600px;"> 
    </div> 

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

Çağrı

@Html.Partial("_MyModel", new ViewDataDictionary { { "width", "500px" } }) 

Ayrıca olabilir kullanım modeli aşağıdaki gibidir genişliği geçirilerek herhangi bir görünüm veya kısmi görünümü, yukarıdaki kısmi görünüşüdür veya veri iletmek için viewBag.

Answer 2

Eğer

<div id="modal-container" class="modal fade customClass"> // added custom class 
<div class="modal-dialog" style="width: 90%;"> -- this style attribute should change whenever gets called on a specific view 
    <div class="modal-content"> 
     <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
      <h2 class="modal-title"></h2> 
     </div> 
     <div class="modal-body partialContainer" style="max-height: 600px;"> 
     </div> 

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

Sonra bu sınıfın sadece

.customClass{ 
    width:400px; // custom width 
}