MVC閉じるDataTable行をクリックしたときのモーダル

Question

私はかなり新しいAsp.net mvcです。大きな値のリストに基づいてドロップダウンリストを選択しようとしています。ドロップダウンがクリックされると、サイドにjquery DataTableがあるモーダルが表示されます。私は、DataTableから行をクリックしてモーダルが閉じられ、行の2つの値（データ：「名前」とデータ：「会社」）が親ウィンドウに戻されてドロップダウンリストを作成できるようにするときに実装しようとしています。どんな助けでも大歓迎です。

ドロップダウン：

@Html.DropDownListFor(model => model.Company, 
Enumerable.Empty<SelectListItem>(), 
new {@id="drop" }) 

モーダル：クリック位T1において行iがしたい場合

<script> 
    var TeamDetailPostBackURL = '/Home/Details'; 
    $(function() { 
     $("#drop").click(function() { 
      debugger; 
      $("#drop").blur(); 
      var $buttonClicked = $(this); 
      var id = $buttonClicked.attr('data-id'); 
      var options = { "backdrop": "static", keyboard: true }; 
      $.ajax({ 
       type: "GET", 
       url: TeamDetailPostBackURL, 
       contentType: "application/json; charset=utf-8", 
       data: { "Id": id }, 
       datatype: "json", 
       success: function (data) { 
        debugger; 
        $('#myModalContent').html(data); 
        $('#myModal').modal(options); 
        $('#myModal').modal('show'); 

       }, 
       error: function() { 
        alert("Dynamic content load failed."); 
       } 
      }); 
     }); 
    }); 
</script> 

部分図（：モーダルを起動する

<div id='myModal' class='modal'> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
      <div id='myModalContent'></div> 
     </div> 
    </div> 
</div> 

JSドロップダウン "Drop"を入力）：

@model MvcApplication1.Models.About 
@{ 
    ViewBag.Title = "Abouts"; 
    Layout = "~/Views/Shared/_Layout.cshtml"; 
} 
<div class="modal-header"> 
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 
    <h4 class="modal-title" id="myModalLabel">FriendsInfo</h4> 
</div>  
<div> 
    <table id="exampless" class="display" width="100%"> 
     <thead> 
      <tr> 
       <th>Name</th> 
       <th>Company</th> 
      </tr> 
     </thead> 
    </table> 
</div> 
@section Scripts{ 
    <script src="~/Scripts/jquery.dataTables.min.js"></script> 
    <script src="~/Scripts/bootstrap.js"></script> 
    <script src="~/Scripts/bootstrap.min.js"></script> 
    @Scripts.Render("~/Content/themes/base/css") 
    <script> 
     $(document).ready(function() { 
      $('#exampless').DataTable({ 
       "ajax": { 
        "url": "/home/loaddata", 
        "type": "GET", 
        "datatype": "json" 
       }, 
       "columns": [ 
         { "data": "Name", "autoWidth": true }, 
         { "data": "Company", "autoWidth": true } 
       ] 
      }); 
     }); 
    </script> 
    } 

アップデート：私はこのJavaScriptでのDataTableから値を取得することができた：

<script> 
     $('#exampless').on('click', 'tr', function() { 
      var ddValue = $('td', this).eq(0).text(); 
      var ddText = $('td', this).eq(1).text(); 
      $("#closeMod").click() 
     }); 
</script> 

私はちょうど戻って親ビューへの部分的なビューからのvar ddValueとするvar ddTextを取得を支援する必要があります。

Answer 1

モーダルは別のウィンドウではなく、ロードすると別のウィンドウではなく、ビューの一部になります。

$("#drop").val(ddValue);