면도기 텍스트 상자에 연결된 지오 코드 계산을 수행하는 방법은 무엇입니까?

Question

면도기 뷰 엔진을 사용하는 ASP.NET MVC 3에서 주소 (예 : 거리, 거리 번호, 우편 번호)를 결합하는 몇 개의 텍스트 상자가 있습니다.

통화 정보가 충분한 경우 (예 : 거리가 0보다 길고 길이가 0보다 큰 경우 등) Bing GeoCode webservice를 호출하려고합니다. 모든 텍스트 상자에 충분한 정보가 있으면 클라이언트 사이트에서 유효성을 검사 한 다음 컨트롤러에 다시 게시하는 것이 좋습니다. 다시 게시 후에 웹 서비스 호출의 결과 (위도/경도)가보기에 표시되어야합니다.

어떻게이 작업을 수행 할 수 있습니까?

Answer 1

모델 :

public class GeoCodeViewModel 
{ 
    [StringLength(70, MinimumLength = 1)] 
    public string Street { get; set; } 

    [StringLength(10, MinimumLength = 1)] 
    public string PostCode { get; set; } 
} 

컨트롤러 :

public class HomeController : Controller 
{ 
    public ActionResult Index() 
    { 
     var model = new GeoCodeViewModel(); 
     return View(model); 
    } 

    [HttpPost] 
    public ActionResult Index(GeoCodeViewModel model) 
    { 
     if (!ModelState.IsValid) 
     { 
      // the model is not valid => redisplay the view so that 
      // the user can fix his errors 
      return View(model); 
     } 

     // TODO: at this stage the model is valid => call the web service 
     ... 
    } 
} 

보기 :

@model GeoCodeViewModel 

<script src="@Url.Content("~/Scripts/jquery.validate.js")" type="text/javascript"></script> 
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.js")" type="text/javascript"></script> 

@using (Html.BeginForm()) 
{ 
    <div> 
     @Html.LabelFor(x => x.Street) 
     @Html.EditorFor(x => x.Street) 
     @Html.ValidationMessageFor(x => x.Street) 
    </div> 
    <div> 
     @Html.LabelFor(x => x.PostCode) 
     @Html.EditorFor(x => x.PostCode) 
     @Html.ValidationMessageFor(x => x.PostCode) 
    </div> 
    <p><button type="submit">OK</button></p> 
}