2016-10-14 3 views
0

내 면도기 뷰에 DropDownList가 있습니다. 데이터베이스에서 채워지는 모델에서 값을 가져옵니다. 내가 원하는 것은 해당 DropDownList에서 옵션을 선택하고 버튼을 클릭하고,이 옵션 목록을 다른보기 아래에 표시하며, 모두 같은보기에서 모든 항목 옆에 편집 또는 삭제 링크를 표시하는 것입니다. 그런 다음 다른 화면에서이 최종 "목록"을 내 데이터베이스에 추가 할 수 있습니다. 이것은 내 코드의 일부입니다.NET에서 DropDownList 선택한 항목을 동적으로 목록에 추가하십시오. MVC

모델

public class SchedulerViewModel 
{   
     public string Frequency { get; set; }  
     public string SelectedReportValue { get; set; } 
     public IEnumerable<SelectListItem> ReportList 
     { 
      get 
      { 
       List<string> reportlist = DataAccess.retrieveReportList(); 
       return new SelectList(reportlist); 
      } 
     } 

     public string NewCronName { get; set; } 

     [Display(Name = "OrderDate")] 
     [DataType(DataType.Date)] 
     public System.DateTime OrderDate { get; set; } 

     public IEnumerable<SelectListItem> FrequencyList 
     { 
      get 
      { 
       List<string> frequencyList = DataAccess.retrieveFrequencyList(); 
       return new SelectList(frequencyList); 
      } 
     } 
} 

컨트롤러

[HttpGet] 
public ActionResult AddCron() 
{     
    return View();    
} 

[HttpPost] 
public ActionResult AddCron(SchedulerViewModel model) 
{    
    return View(model); 
} 

보기

<script> 
    function myFunction() { 
     $("#div1").load('@Html.LabelFor(model => model.SelectedReportValue)'); 

    } 
</script> 
. 
. 
. 


<tr> 
    <td><h5>Frequency: </h5></td> 
    <td> @Html.DropDownListFor(model => model.Frequency, Model.FrequencyList)</td> 

    <td><h5>First Run Date: </h5></td>   
    <td> @Html.TextBoxFor(m => m.OrderDate, new { @class = "form-control datepicker", @id = "datepicker" })</td>   
</tr> 
<tr class="blank_row"> 
       &nbsp; 
</tr> 
<tr> 
    <td><p><b>Add Report</b></p></td> 
</tr> 
<tr> 
    <td><h5>Report :</h5></td> 
    <td>@Html.DropDownListFor(model => model.SelectedReportValue, Model.ReportList)</td> 
    <td><input type="submit" name="Add" value="Add" onclick="myFunction()" /></td> 
</tr> 

<div id="div1"></div> 

내가 내 모델의 복귀 선택된 값을 볼 수있는 [HttpPost] 메서드를 호출 할 수는 있지만 여전히 뷰에서 작동하지는 않습니다. 어떠한 제안? 의

<div id="div1"> 
    @Html.LabelFor(model => model.SelectedReportValue) 
</div> 

자료 :

enter image description here

이 내가 얻기 위해 노력하고있어입니다 ...

enter image description here

+0

부분보기를 사용해 보셨습니까? – nocturns2

+0

@ nocturns2 부분보기를 사용하여 문제를 해결하는 방법에 익숙하지 않은데, 더 잘 이해할 수 있도록 예제를 가르쳐 주시겠습니까? –

+0

불필요한 코드를 제거하십시오. 그들은 정말로 혼란 스럽다. – Win

답변

0

시도는 면도칼을 사용, JQuery와 제거 귀하의 의견 jquery를 사용하여 변경 이벤트를 트리거하고 수동으로 목록에 항목을 추가하는 것이 좋습니다.

$("#filetype").change(function() { 
    //code handler to add to list 
}); 
+0

하지만 DropDownList에서 항목을 선택하고 단추를 클릭 할 때마다 새 요소를 추가해야합니다. 그래서이 작동하는 것 같지 않습니다 –

관련 문제