2016-06-21 11 views
-4

내보기에 드롭 다운 컨트롤이 있고 드롭 다운 버튼에서 옵션을 선택한 다음 jQuery 코드로 전달하고 jQuery 코드에서 부분 뷰를 호출하는 MVC 메서드에 전달해야합니다. 내 코드 이미지를 첨부했습니다. enter image description here 이이jQuery 코드에서 부분 뷰를 호출하는 데 사용되는 mvc 메서드에서 변수를 전달하는 방법은 무엇입니까?

@{ 
    ViewBag.Title = "CreateBidSecondStep"; 
} 

<div id="container"> 
    <div class="wrapper white-bg"> 
     <div class="row mar-xsm-b"> 
      <div class="col s12 l12 m12"> 
       <div class="step"> 
        <span class="pull-left">Step 1 &gt;</span> 
        <span class="active pull-left">Step 2 &gt;</span> 
       </div> 
      </div> 
     </div> 
     <div class="clearfix"></div> 
     <div class="row mar-sm-b"> 
      <div class="col s12 m12 l12"> 
       <form id="form1" name="form1" method="post" action=""> 
        <div class="border-light"> 
         <div class="heading24 mar-sm-l mar-sm-r">Bill of Material</div> 
         <div class="row"> 

          <div class="col s8 m8 l8" id="billMaterial"> 
           <div class="ProdHeading">Search</div> 
           <div class="pull-left"> 
            <label class="label pull-left">Item Code</label> 
            <select class="browser-default pull-left width_120" name="itemcode" id="itemcode" enable> 
             <option>Item Code</option> 
             <option>Item Code</option> 
             <option>Item Code</option> 
            </select> 
           </div> 
           <div class="pull-left mar-lg-l"> 
            <label class="label pull-left">Item Name</label> 
            <input type="text" class="pull-left" name="cap" /> 
           </div> 
           <div class="pull-left mar-lg-l"> 
            <button class="btn waves-effect waves-light" type="submit" name="action" id="btnsearch">Search</button> 
           </div> 
           <div class="clearfix"></div> 
           <div class="bdr-gray-b mar-sm-t mar-sm-b"></div> 
           <div class="pull-left"> 
            <label class="label pull-left width_120">Total Item Quantity</label> 
            <input type="number" maxlength="5" class="pull-left width_80" name="cap" /> 
            <div class="clearfix"></div> 
            <label class="label pull-left width_120">Item Quantity</label> 
            <input type="number" class="pull-left width_80" name="cap" /> 
            <div class="clearfix"></div> 
            <label class="label pull-left width_120">Location</label> 
            <input type="text" class="pull-left width_80" name="cap" /> 
           </div> 
           <div class="pull-left mar-lg-l"> 
            <label>Description</label> 
            <div class="clearfix"></div> 
            <textarea></textarea> 
           </div> 
           <div class="pull-left mar-lg-l mar-md-t"> 
            <button class="btn waves-effect waves-light" style="bottom:0px" type="submit" name="action">Add to BOM</button> 
           </div> 
          </div> 
          <div class="col s4 m4 l4"> 
           <div class="table_h2" id="SAPdiv"> 

           </div> 
          </div> 

         </div> 

         <div class="row"> 
          <div class="col s12 l12 m12 "> 
           <div class="table_h2"> 
            <table class="TableID2"> 
             <thead> 
              <tr> 
               <th>Item Code</th> 
               <th>Description</th> 
               <th>Quantity</th> 
               <th>Approved Supplied</th> 
              </tr> 
             </thead> 
             <tr> 
              <td>&nbsp;</td> 
              <td>&nbsp;</td> 
              <td>&nbsp;</td> 
              <td>&nbsp;</td> 
             </tr> 
             <tr> 
              <td>&nbsp;</td> 
              <td>&nbsp;</td> 
              <td>&nbsp;</td> 
              <td>&nbsp;</td> 
             </tr> 
             <tr> 
              <td>&nbsp;</td> 
              <td>&nbsp;</td> 
              <td>&nbsp;</td> 
              <td>&nbsp;</td> 
             </tr> 
             <tr> 
              <td>&nbsp;</td> 
              <td>&nbsp;</td> 
              <td>&nbsp;</td> 
              <td>&nbsp;</td> 
             </tr> 
             <tr> 
              <td>&nbsp;</td> 
              <td>&nbsp;</td> 
              <td>&nbsp;</td> 
              <td>&nbsp;</td> 
             </tr> 
             <tr> 
              <td>&nbsp;</td> 
              <td>&nbsp;</td> 
              <td>&nbsp;</td> 
              <td>&nbsp;</td> 
             </tr> 
             <tr> 
              <td>&nbsp;</td> 
              <td>&nbsp;</td> 
              <td>&nbsp;</td> 
              <td>&nbsp;</td> 
             </tr> 
            </table> 
           </div> 
          </div> 
         </div> 
        </div> 
        <div class="row border-light mar-sm-t pad-sm"> 
         <div class="col s12 l12 m12"> 
          <div class="pull-left"> 
          </div> 
          <div class="pull-right"> 
           <button class="btn waves-effect waves-light" type="submit" name="action">PREVIOUS</button> 
           <button class="btn waves-effect waves-light" type="submit" name="action">SEND TO ADVANCE PURCHASE</button> 
          </div> 
         </div> 
        </div> 

       </form> 
      </div> 
     </div> 
    </div> 
    <script src=" ~/Scripts/JobManager/BiddingSecondStepPartial.js"></script> 
    <script type="text/javascript"> 
    $(function() { 

     $('#btnsearch').click(function (data) { 
      var itemcode = $('#itemcode').value; 
       $.post("@Url.Action("SAPPartailView", "CreateBid")", function(data) { 
        if (data) { 
         $('#SAPdiv').append(data); 
        } 
       }); 
      }); 
     }); 
    </script> 
</div> 
+2

텍스트로 코드를 게시하십시오. –

+0

또한, .value는 jQuery 객체에서 에러를 반환합니다. –

+1

2 가지 다른 환경에서 서로 다른 시간에 실행되는 2 가지 언어를 혼합하려고한다는 것을 이해해야합니다. 서버 코드에'itemcode '를 전달할 수 없습니다. 서버 변수가 아니기 때문에 모든 서버 코드가 finsihed 된 후에도 실제 이벤트가 브라우저에서 발생하기 전까지는 사용할 수 없습니다. – charlietfl

답변

1

이 하나

$(function() { 
    $('#btnsearch').click(function (data) { 
     var itemcode = $('#itemcode').value; 
      $.post("/SAPPartailView/CreateBid", { itemcode : itemcode }, function(data) { 
       if (data) { 
        $('#SAPdiv').append(data); 
       } 
      }); 
     }); 
    }); 
}); 
0

난 그냥있어 해결책을 시도 내 작업 코드입니다 .... 당신의 노력을 제공 주셔서 감사합니다. 이 나는 파라미터로 전달하는 제 jQuery 코드로부터 부분도를 호출 할 수있는 방법이다

..

<script type="text/javascript"> 
     var url = '@Url.Action("SAPPartailView", "CreateBid")'; 
     $('#btnsearch').click(function() { 
      var keyWord = $('#itemcodeid').val(); 
      $('#SAPdiv').load(url, { searchText: keyWord }); 
     }) 

부분적인 뷰 맘 파라미터를 가지고 가야

..

public PartialViewResult SAPPartailView(string searchText) 
     { 
      return PartialView("_CreateBidSecondStepSAP",newlist); 
     } 

이것이 해결책입니다.