2015-07-06 2 views
0

У меня есть вопрос, у меня есть на вид форма, эта форма содержит список, этот список содержит четыре атрибута, поставщика, приложения, продукта и значения, эти 4 мы отображаем только два (как видно из кода), хотели бы для отображения в модальном продукте и значении заказа список отображается в той же позиции, у которого уже есть такие данные, как я могу отображать эти данные посредством действия моей кнопки, которая имеет действие «getFornecedor» (это действие не имеет еще не реализован, я не знаю, если это необходимо, потому что элементы находятся в одной и той же позиции в списке)Как сделать модальный с asp mvc?

Посмотреть

@model Test.Models.Order 

<head> 
    <meta charset="utf-8" /> 
    <title>Teste</title> 
    <meta name="viewport" content="width=device-width" /> 
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
    <script src="//code.jquery.com/jquery-1.10.2.js"></script> 
    <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
    <link rel="stylesheet" href="/resources/demos/style.css"> 
    <link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet"> 

    <link rel="stylesheet" href="http://cdn.datatables.net/1.10.2/css/jquery.dataTables.min.css"> 
    <script type="text/javascript" src="http://cdn.datatables.net/1.10.2/js/jquery.dataTables.min.js"></script> 
    <script type="text/javascript" src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> 

    @Styles.Render("~/Content/bootstrap.css") 
    @Scripts.Render("~/bundles/modernizr") 
    <style> 
     th { 
      height: 10px; 
     } 
    </style> 
    </head> 
<body> 
     <div id="divbody"> 
    <nav class="navbar navbar-inverse"> 
    </nav> 
      @using (Html.BeginForm("Save", "Cab", FormMethod.Post)) 
      { 
       <div class="table-responsive" id="table"> 
        <table id="myTable" class="table table-striped" cellspacing="0"> 
         <thead style="position:static"> 
          <tr> 
           <th style="font-size:10px">SELECT</th> 
           <th style="font-size:10px">CONTACT</th> 
           <th></th> 
           <th style="font-size:10px">SUPPLY</th> 
           <th style="font-size:10px">ORDER</th> 
          </tr> 
         </thead> 
         @for (int i = 0; i < Model.listOrder.Count(); i++) 
         { 
          <tr> 
           <td align="center" height="2px">@Html.CheckBoxFor(m => m.listOrder[i].isEdit, new { @onclick = "habilit(" + i + ")", @id = "c" + i })</td> 
           <td colspan="2"> 
            <a href="@Url.Action("getFornecedor", "MyController")" class="btn btn-xs btn-primary"> 
             <i class="glyphicon glyphicon-phone-alt"></i> 
            </a> 
            <a href="@Url.Action("sendEmail", "MyController")" class="btn btn-xs btn-primary"> 
             <i class="glyphicon glyphicon-envelope"></i> 
            </a> 
           </td> 
           <td height="2px"> @Html.TextBoxFor(m => m.listOrder[i].supply, new { @readonly = "readonly", @size = "18px", @class = "form-controlSupply" }) </td> 
           <td height="2px"> @Html.TextBoxFor(m => m.listOrder[i].order, new { @readonly = "readonly", @size = "75px", @class = "form-controlOrder" }) </td> 
           <td></td> 
          </tr> 
         } 
        </table> 
       </div> 
       <br /> 
       <input type="submit" value="Salve" id="btn" disabled="disabled" class="btn btn-small btn-primary" /> 
      } 
    </div> 
</body> 
</html> 

ответ

0

MVC Безразлично `имеют модальный на фл y .. (например, например, управление в веб-формах), я предлагаю вам использовать стороннюю библиотеку, может быть что-то вроде jquery UI .. Здесь вы можете увидеть пример: https://jqueryui.com/dialog/ Вам просто нужно событие на стороне клиента, чтобы показать модальное диалоговое окно. В этом контейнере вы можете поместить любые данные, которые вы хотите.

+0

Можете ли вы привести пример того, как выбрать стоимость моего списка? –

Смежные вопросы