ASP.Net MVC 4ボタンを使用して単一行のデータを表示

Question

ASP.Net MVC 4アプリケーションで作業していて、すべての行ではなくデータベースから単一の行のデータを表示しようとしています。

私が設計しているウェブサイトにはボタンのリストがあり、各ボタンをクリックするとデータベースの対応する行のデータが表示されます。ボタン1 - 行1、ボタン2 - 行2等...

現在、これもhttp://myexample/Movies/OneMovieに表示され、私は私が私のコントローラを持っているコードはこれですhttp://myexample/Movies/

に表示されたい：

public ActionResult OneMovie(int id = 0) 
{ 
    Movie movie = db.Movies.Single(m => m.ID == id); 

    if (movie == null) 
    { 
     return HttpNotFound(); 
    } 

    return View(movie); 
} 

私のコードのためのボタンがある：

<input id="Button1" type="button" value="button" name="id"/> 
<input id="Button2" type="button" value="button" name="id"/> 

誰もが、ボタンがクリックされたとき、私は、対応する行のための私のデータを表示するために助けることができますか？

Answer 1

OK、あなたがボタンを生成するとき、あなたはループコレクションはちょうどここにあなたが必要とするボタンで、すべての映画のIDを取得する：あなたのビューIDに

<input type="button" value="Go Somewhere Else" onclick="location.href='@Url.Action("OneMovie", "ControllerName", new { id=1 })'" /> 

を設定するには、= model.MovieId

これは、アクションのGET要求を行うことができます：

public ActionResult OneMovie(int id) 
    { 

     return View(); 
    } 

編集のためにAJAXあなたのインデックスページにソリューション

を得る：

function getMovieById(movieId) { 
    var url = "/Home/OneMovie"; 
    $.getJSON(url, { id: "movieId"}, function (data) { 
     /* 
     put movie into div here 
     */ 
    }); 
} 

あなたのボタンは次のようになります：

<input type="button" value="Go Somewhere Else" onclick=getMovieById(1) /> 

とアクション：

public JsonResult OneMovie(int Id) 
{ 
... 
var items = db.Movies.Where... 
return Json(items , JsonRequestBehavior.AllowGet); 
} 

Answer 2

public class MoviesModel 
{ 
    public List<Movie> Movies {get;set;} 
} 

    //get all movies and return to view 
    public ActionResult AllMovies() 
    {  
     MoviesModel model=new MoviesModel(); 
     model.Movies= db.Movies.ToList(); 
     if (model.Movies== null || model.Movies.Count==0) 
     { 
      return HttpNotFound(); 
     } 

     return View(model); 
    } 


//html view 
    @model MoviesModel 
    @foreach(var movie in Model.Movies){ 
     <input id="Button1" type="button" value="button" name="movie.Id" onclick="ButtonClicked(movie.Id)"/> 
     <div class="hidden" id='movie.Id'> 
      <span>...movie info...</span> 
     </div> 
    } 

//javascript 

function ButtonClicked(id) 
{ 
    var element= Document.GetEllementById(id) 
    //set css class visible 
} 


//CSS 
.visible 
{ 
display:block; 
} 

.hide 
{ 
display:none; 
}