ASP.Net MVC 4 使用按钮显示单行数据

Question

我正在开发一个 ASP.Net MVC 4 应用程序并尝试显示数据库中的单行数据而不是所有行。

我正在设计的网站有一个按钮列表，当单击每个按钮时，会显示数据库中相应行的数据，例如Button1 - Row1、Button2 - Row2 等...

目前这也显示在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

好的，那么当您生成按钮时，您循环一个集合只是为了获取所有电影的 id，这是您需要的按钮：

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

设置到您的视图中id= model.MovieId

这将允许您在操作中发出获取请求：

    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;
}