MVC 한 페이지에서 두 가지 방법으로 반응하는 방법

Question

두 가지 방법이 있습니다 : 더하기와 빼기. 추가 버튼을 클릭하면 세 번째 텍스트 상자에 A + B의 결과가 표시됩니다. "빼기"버튼을 클릭하면 세 번째 텍스트 상자에 A - B의 결과가 표시됩니다.

(ASP.NET WebForm 응용 프로그램에서 몇 줄의 코드 내에서 수행 할 수 있기 때문에) . 그러나 여러 번 시도하고 몇 명의 친구에게 물어 본 후에도 여전히 해결책을 찾을 수 없습니다. ...

@using (Html.BeginForm("Add", "MyMVC")) 
{ 
    <ol> 
     <li> 
      @Html.TextAreaFor(m => m.A) 
     </li> 
     <li><span>+ </span></li> 
     <li> 
      @Html.TextAreaFor(m => m.B) 
     </li> 
     <li><span>= </span></li> 
     <li> 
      @Html.TextAreaFor(m => m.C) 
     </li> 
    </ol> 
    @{ 
    Html.RenderAction("Calculate", "MyMVC"); 
    } 
    @{ 
    Html.RenderAction("Subtract", "MyMVC"); 
    } 
} 

Answer 1

RenderAction 태그는 필요하지 않습니다. 또한 BeginForm 확장은 자체에 게시하는 양식 요소를 렌더링해야합니다.

이

@model SampleMvc.Models.SumModel 

@using (Html.BeginForm()) 
{ 
    <ol> 
     <li> 
      @Html.TextAreaFor(m => m.A) 
     </li> 
     <li><span>+ </span></li> 
     <li> 
      @Html.TextAreaFor(m => m.B) 
     </li> 
     <li><span>= </span></li> 
     <li> 
      @Html.TextAreaFor(m => m.C) 
     </li> 
    </ol> 
    <input type="submit" id="add" name="Calculate" value="Add" /> 
    <input type="submit" id="subtract" name="Calculate" value="Subtract" /> 
} 

공지 사항에 제출 입력에 이름 속성을보기를 변경

,이 계산이라는 속성에 바인딩 기본 모델 바인더를 가능하게 할 것이다. 그런 다음 컨트롤러에

public class SumModel { 
     public int A { get; set; } 
     public int B { get; set; } 
     public int C { get; private set; } 
     public string Calculate { get; set; } 

     public void RunCalculation() { 
      if (Calculate.Equals("add",StringComparison.InvariantCultureIgnoreCase)) { 
       C = A + B; 
      } else { 
       C = A - B; 
      } 
     } 
    } 

와 유사한 모델을 사용 무언가를보기 위해

과 유사한 행동을 가지고 양식이 제출 입력에 클릭 이벤트를 통해 값을 제출

public ActionResult Calculate() { 
     return View(); 
    } 

[HttpPost] 
public ActionResult Calculate(SumModel sumModel) { 
    sumModel.RunCalculation(); 

    return View(sumModel); 
} 

버튼이 SumModel의 Calculate 속성에 자동으로 바운드됩니다.

그런 다음 방법 RunCalculation가 호출 될 때

Answer 2

다른 쉬운 방법은 값 A와 B에 대해 실행되는 작업을 해결하기 위해 속성을 사용하여, 당신은 버튼에 같은 ​​이름을 가질 수 있습니다. 그것을 컨트롤러에서 읽으십시오.

<input type="submit" id="add" name="buttonclicked" value="Add" /> 
<input type="submit" id="subtract" name="buttonclicked" value="Subtract" /> 


[HttpPost] 
public ActionResult Index(string buttonclicked, SumModel sumModel) { 
if(buttonclicked=="add"){ 

} 
else{ 

} 
}