如何保留MVC /剃须刀中复选框的状态？

Question

我有这个复选框，它的工作原理......但每次表单提交复选框都会被取消选中。你不会相信我已经花在论坛上的时间和沮丧，而Google只是看着所有的答案，但我需要这个看似简单的问题。早上浪费了。

这里就是该复选框在我看来显示出来：

@using (Html.BeginForm()) 
{ 
    <p> Search Criteria: @Html.TextBox("searchString") <br /> 
    <input type="submit" value="Filter" /></p> 
    <p>Show only my posts: <input type="checkbox" name="authorFilter" onchange="this.form.submit();"/></p> 

} 

这里的地方控制器处理这些东西：

public ActionResult Index(string searchString) 
{ 
    var posts = from p in db.BlogPosts 
       select p; 

    var authorFilterCheck = Request.Form["authorFilter"]; 

    if (authorFilterCheck == "on") 
    { 
     string userID = User.Identity.GetUserId(); 
     posts = posts.Where(i => i.AuthorID.Equals(userID)); 
    } 

    if (!string.IsNullOrEmpty(searchString)) 
     posts = posts.Where(
      x => 
       x.Body.Contains(searchString) || 
       x.Title.Contains(searchString)); 

    return View(posts); 
} 

所以当它的检查，它增加了一个过滤器和网页刷新。但是当刷新时，复选框没有被选中（但是过滤器仍然被应用），所以你永远不能删除过滤器（加上空的复选框会导致用户认为没有过滤器）...

这是模型它的需要：

public class BlogPost 
{ 
    [Key] 
    public int PostID { get; set; } 
    public string AuthorID { get; set; } 
    public string Title { get; set; } 
    public string Body { get; set; } 

    [Display(Name = "Date Authored")] 
    [DataType(DataType.DateTime)] 
    [DisplayFormat(DataFormatString = "{0:yyyy-MM-dd}", ApplyFormatInEditMode = true)] 
    public System.DateTime DateCreated { get; set; } 

} 

也没什么可说在我的模型的复选框，因为据推测，将其布尔添加到表中的所有条目。对不起，我是新手。

Answer 1

使用表示要显示/编辑

public class BlogPostsVM 
{ 
    [Display(Name = "Search Criteria")] 
    public string SearchText { get; set; } 
    [Display(Name = "Include my posts only")] 
    public bool IncludeUserPostsOnly { get; set; } 
    public IEnumerable<BlogPost> Posts { get; set; } 
} 

并在视图什么视图模型，形式方法更改为GET和强烈绑定到你的模型

@model BlogPostsVM 
@using (Html.BeginForm("Index", "yourControllerName", FormMethod.Get)) 
{ 
    @Html.LabelFor(m => m.SearchText) 
    @Html.TextBoxFor(m => m.SearchText) 
    @Html.LabelFor(m => m.IncludeUserPostsOnly) 
    @Html.CheckBoxFor(m => m.IncludeUserPostsOnly) 
    <input type="submit" value="Search" /> 
} 

@foreach(var post in Model.Posts) 
{ 
    // Display the blog posts 
} 

注意：不要处理复选框点击事件！

和修改索引方法

public ActionResult Index(string searchText, bool includeUserPostsOnly) 
{ 

    var posts = from p in db.BlogPosts select p; 
    if (includeUserPostsOnly) 
    { 
     string userID = User.Identity.GetUserId(); 
     posts = posts.Where(i => i.AuthorID.Equals(userID)); 
    } 
    if (!string.IsNullOrEmpty(searchText)) 
    { 
     posts = posts.Where(x => x.Body.Contains(searchText) || x.Title.Contains(searchText)); 
    } 
    BlogPostsVM model = new BlogPostsVM 
    { 
     SearchText = searchText, 
     IncludeUserPostsOnly = includeUserPostsOnly, 
     Posts = posts 
    }; 
    return View(model); 
} 

边注：您将使用AJAX发布的价值观和返回过滤的结果的局部视图，然后更新当前页面，而这产生获得更好的性能每次都有新页面。

Answer 2

我会建议你使用强类型的模型，它会使事情更容易

你的模型应该像

public class MyModel 
{ 
    public book IsChecked {get ; set;} 
} 

使用此

public class StoreController : Controller 
{ 
    [HttpPost] 
    public ActionResult Index(MyModel model) 
    { 
     // here you will get if its checked or not 
     return View(model); // it will preserve the state 
    } 

    [HttpGet] 
    public ActionResult Index() 
    { 
     var model = new MyModel(); 
     model.IsChecked = false; // it is false by default anyways 
     return View(); 
    } 
} 

呈现下拉这种方式

@Html.CheckBoxFor(m => m.IsChecked) 

Answer 3

您使用的方法不好。 @PaRiMal Raj表示，强类型模型在MVC模式中更可取。当你是新的，我只是让答案更有条理。首先创建这样一个模型从表格数据发送到控制器：

public class Model 
{ 
    [Required] 
    public string searchString {get ; set;} 
    public bool IsChecked {get ; set;} 
} 

现在改变查看代码这样的：

@using (Html.BeginForm()) 
{ 
    @Html.LabelFor(m => m.searchString)      
    @Html.TextBoxFor(m => m.searchString)  
    <p>Show only my posts: </p> 
    @Html.CheckBoxFor(m => m.IsChecked) 
    <input type="submit" value="Filter" /> 
} 

在控制器：

public ActionResult Index(Model model) 
{ 
    if (!ModelState.IsValid){ 
     return View(model); 
    } 
    var posts = from p in db.BlogPosts 
      select p; 
    if (model.Ischecked) 
    { 
     string userID = User.Identity.GetUserId(); 
     posts = posts.Where(i => i.AuthorID.Equals(userID)); 
    } 
    string searchString=model.searchString; 
if (!string.IsNullOrEmpty(searchString)) 
    posts = posts.Where(
     x => 
      x.Body.Contains(searchString) || 
      x.Title.Contains(searchString)); 

return View(posts); 
} 

希望这会有所帮助。