如何处理复选框列表?

富巴

我正在开发一个页面,该页面在View上显示服务中的数据并允许用户对其进行过滤。有一列用于国家/地区,允许用户进行过滤。

我无法找到一种创建复选框列表的方法,这样我就可以像string []国家(在action方法中)那样在一个参数中获取所有选定的值。

无法使用经典方式:

<input type="checkbox" name="countries" value="USA" />USA<br />
<input type="checkbox" name="countries" value="Canada" />Canada<br />

这确实会传递URL中的值,但不会将它们重新设置回发(保持选中的回发状态)。

我尝试使用checkboxlist(http://goo.gl/TUvZzu),但对于我的Modal来说似乎很复杂。

由于我的模型非常简单明了:

public string Title { get; set; }
public string Website { get; set; }
public string Address1 { get; set; }
public string Address2 { get; set; }
public string City { get; set; }
public string Zip { get; set; }
public string State { get; set; }
public string Country { get; set; }

感谢您的宝贵时间和帮助。

扁桃体

您需要在视图模型中包括一个国家/地区集合,以保存选定的值并允许其在帖子中发送。

我还将创建一个Country对象来保存Id,Name和Selected值。

为了将模型发布回去,您需要索引视图中的每个项目,这允许模型绑定器将其拾取。

楷模

public class AModel
{
    public AModel()
    {
        Countries = new List<Country>();    
    }

    public string Title { get; set; }
    public string Website { get; set; }
    public string Address1 { get; set; }
    public string Address2 { get; set; }
    public string City { get; set; }
    public string Zip { get; set; }
    public string State { get; set; }
    public string Country { get; set; }
    // Country collection
    public List<Country> Countries { get; set; }

}

    public class Country
    {
        public int ID { get; set; }
        public string Name { get; set; }                
        public bool Checked { get; set; }           
    }

查看循环

@for(var i = 0; i < Model.Countries.Count; i++)
{

    <dt>
        @Html.HiddenFor(m => Model.Countries[i].ID)
        @Html.HiddenFor(m => Model.Countries[i].Name)
        @Html.CheckBoxFor(m => Model.Countries[i].Checked)
    </dt>
    <dd>
        @Model[i].Name
    </dd>

}

请注意,使用for循环而不是foreach来启用模型绑定,并使用隐藏字段以将值发布回控制器

http://haacked.com/archive/2008/10/23/model-binding-to-a-list.aspx/

管制员职位

[HttpPost]
public ActionResult Index(AModel model)
{
    //All the selected countries are available in the model

    return View(model);
}

工作实例

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何处理 Liferay MVC Portlet 中复选框的动态列表

来自分类Dev

如何处理Windows Installer中的复选框控件?

来自分类Dev

如何处理DataGrid中的复选框编辑事件

来自分类Dev

如何处理GridView中的复选框

来自分类Dev

如何处理CustomArrayAdapter中的复选框

来自分类Dev

如何处理 ember 复选框绑定

来自分类Dev

如何处理数据表中的复选框单击事件

来自分类Dev

如何处理Angular 2 RC5中的复选框组?

来自分类Dev

如何处理 ejs 中的一组复选框

来自分类Dev

如何处理 c# MVC 实体框架中的多个提交按钮和复选框?

来自分类Dev

如何创建复选框列表

来自分类Dev

如何为列表添加复选框

来自分类Dev

如何获取复选框列表的索引

来自分类Dev

如何处理ASP.NET WEb表单和代码隐藏文件中的多个复选框

来自分类Dev

如何将事件处理程序添加到列表视图复选框单元格中的复选框?

来自分类Dev

如何将选定的复选框移动到复选框列表的顶部

来自分类Dev

如何防止单击复选框后取消选中列表视图项复选框?

来自分类Dev

如何获取选中复选框的索引或选中复选框的列表项的名称?

来自分类Dev

Angular 2 - 复选框列表 - 如何检查复选框的状态

来自分类Dev

编写动态复选框列表,如何提交复选框?

来自分类Dev

复选框列表视图

来自分类Dev

属性列表复选框

来自分类Dev

更新复选框列表

来自分类Dev

如何使用jQuery处理两个复选框

来自分类Dev

如何使用复选框处理Recyclerview状态?

来自分类Dev

如何从Listview.builder处理多个复选框?

来自分类Dev

如何使用react onchange动态处理复选框更改

来自分类Dev

如何制作复选框,Python,Django的表单处理程序

来自分类Dev

我如何让Tkinter处理复选框并调用某些功能?

Related 相关文章

  1. 1

    如何处理 Liferay MVC Portlet 中复选框的动态列表

  2. 2

    如何处理Windows Installer中的复选框控件?

  3. 3

    如何处理DataGrid中的复选框编辑事件

  4. 4

    如何处理GridView中的复选框

  5. 5

    如何处理CustomArrayAdapter中的复选框

  6. 6

    如何处理 ember 复选框绑定

  7. 7

    如何处理数据表中的复选框单击事件

  8. 8

    如何处理Angular 2 RC5中的复选框组?

  9. 9

    如何处理 ejs 中的一组复选框

  10. 10

    如何处理 c# MVC 实体框架中的多个提交按钮和复选框?

  11. 11

    如何创建复选框列表

  12. 12

    如何为列表添加复选框

  13. 13

    如何获取复选框列表的索引

  14. 14

    如何处理ASP.NET WEb表单和代码隐藏文件中的多个复选框

  15. 15

    如何将事件处理程序添加到列表视图复选框单元格中的复选框?

  16. 16

    如何将选定的复选框移动到复选框列表的顶部

  17. 17

    如何防止单击复选框后取消选中列表视图项复选框?

  18. 18

    如何获取选中复选框的索引或选中复选框的列表项的名称?

  19. 19

    Angular 2 - 复选框列表 - 如何检查复选框的状态

  20. 20

    编写动态复选框列表,如何提交复选框?

  21. 21

    复选框列表视图

  22. 22

    属性列表复选框

  23. 23

    更新复选框列表

  24. 24

    如何使用jQuery处理两个复选框

  25. 25

    如何使用复选框处理Recyclerview状态?

  26. 26

    如何从Listview.builder处理多个复选框?

  27. 27

    如何使用react onchange动态处理复选框更改

  28. 28

    如何制作复选框,Python,Django的表单处理程序

  29. 29

    我如何让Tkinter处理复选框并调用某些功能?

热门标签

归档