How to make a MVC 3 Webgrid with checkbox column?

Question

The code below will insert an actionlink into one of the web grids' columns.

    @{
    View.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";

    var usersGrid = new WebGrid(source: Model,
        rowsPerPage: 40);
}
@usersGrid.GetHtml(
        tableStyle: "grid",
        headerStyle: "head",
        alternatingRowStyle: "alt",
                columns: usersGrid.Columns(
                    usersGrid.Column(format: (item) => 
                         Html.ActionLink("Edit", "Edit", new { id = item.Id})),
                    usersGrid.Column("Surname")
        )
    )

But if i exchange that line for this:

                usersGrid.Column(format: (item) => Html.CheckBox(item.Id)),

I get this error:

Error 4 The best overloaded method match for 'System.Web.Helpers.WebGrid.Column(string, string, System.Func, string, bool)' has some invalid arguments.

I don't quite understand the difference between the two.. why does one work and the other error?

The ultimate goal is to be able to tick a number of check boxes and then send to print their info.

See that : http://stackoverflow.com/questions/4195440/mvc-3-texbox-in-webgrid-razor/4564506#4564506 — Serguzest, Dec 30 '10 at 16:57
[This will help you](http://weblogs.asp.net/imranbaloch/archive/2011/09/13/webgrid-helper-with-check-all-checkboxes.aspx) — Imran Qadir Baksh - Baloch, Oct 04 '11 at 04:29

4imble · Accepted Answer · 2010-12-13T09:56:02.227

24

This is what worked for me in the end.

usersGrid.Column(header: "Print?", format: @<text><input name="Prints" 
      type="checkbox" value="@item.ID" /></text>),

Got to give thanks to Nick Harris, answer found in the comments of his blog here: http://www.nickharris.net/2010/10/a-first-look-at-the-asp-net-mvc-3-webgrid/

edited Dec 13 '10 at 09:56

answered Dec 01 '10 at 11:45

4imble

13,979
15
70
125

4

Good tip, if you have a boolean value to check it you can add an additional condition as well usersGrid.Column(header: "Header", format: @), – Eric Herlitz Apr 11 '11 at 11:52

score 5 · Answer 2 · edited Oct 11 '11 at 17:55

5

this is working for me:

grid.Column("SiparisNo", "Seç", format: (item) => Html.CheckBox(String.Format("Secili_{0}", (int)item.SiparisNo), false, new { @style = "width:60px;" }))

edited Oct 11 '11 at 17:55

Jordan Reiter

20,467
11
95
161

answered Oct 11 '11 at 13:48

oyun

51
1
1

score 4 · Answer 3 · answered Nov 30 '10 at 23:22

4

You have to beware of using extension methods (Html.*) with dynamics (item)... it doesn't work well in csharp. When you do the new {} projection or call ToString, it's no longer dynamic. Alternatively, you could cast: (object)item.Id.

answered Nov 30 '10 at 23:22

chenriks

121
3

Thanks, i'll get the chance to try this later today. – 4imble Dec 01 '10 at 08:39
Does this mean in vb it's handled better? just asking hehe :) – Erx_VB.NExT.Coder Dec 01 '10 at 11:53
I'm no VB expert, but I think it's a non-issue for VB. I believe dynamics are just cast as objects there. Csharp does runtime binding of dynamics, but can't resolve extension methods at that time. – chenriks Dec 03 '10 at 16:24

score 2 · Answer 4 · answered Sep 30 '11 at 09:56

2

usersGrid.Column(format: (item) => Html.CheckBox((string)item.Id)),

this should work

answered Sep 30 '11 at 09:56

MariusM

69
1
6

score 1 · Answer 5 · answered Feb 06 '14 at 14:27

1

The easiest way:

usersGrid.Column(format: (item) => Html.CheckBox("Id"))

answered Feb 06 '14 at 14:27

Vahagn Nahapetyan

1,337
13
22

score 0 · Answer 6 · answered Nov 30 '10 at 10:09

0

This error is occurring because the CheckBox call is not returning the same datatype that ActionLink is returning.

This is what you do. Do a message box call on the action link call and the check box call with same arguments, rap each inside the function call TypeName() and display the results in a msgbox for u to see. Also, do a .ToString in both as well, now, look at the results, it should tell you if there is a discrepancy between the datatypes returned, if you can, post the results, and I can tell you more. Let me know.

answered Nov 30 '10 at 10:09

Erx_VB.NExT.Coder

4,838
10
56
92

Thanks, i'll get the chance to try this later today. – 4imble Dec 01 '10 at 08:41
@kohan ok, let me know how it goes when you do, am interested myself now lol cheers mate – Erx_VB.NExT.Coder Dec 01 '10 at 08:46
Don't think the problem was with the checkbox but the dynamic item (which is what chenriks was getting at i think). But anyway, i have sorted it now. Many thanks! – 4imble Dec 01 '10 at 11:47
@kohan nevertheless, it was because of a datatype return discrepancy, right? did you try the TypeName and tostring methods to get at it or where you just returning the wrong datatypes to begin with? – Erx_VB.NExT.Coder Dec 03 '10 at 02:40

score 0 · Answer 7 · answered Sep 11 '17 at 13:06

After a vigorous search I found an optimal solution, you can use this logic instead if you're finding difficult to use HTML helpers.

grid.Column(header: "", format: @<text><input name="chkBox" type="checkbox" value="@item.Id" @(item.Id == false ? null : "checked") /></text>)

score 0 · Answer 8 · answered Apr 06 '23 at 20:38

0

grid.Column("ID", "Select", format: (item) => Html.CheckBox((string)item.ID, false, new { @style = "width:60px;" }), canSort: false)

This is working perfect.

answered Apr 06 '23 at 20:38

AMAN KUMAR

1
1

score -3 · Answer 9 · answered Mar 05 '17 at 08:06

**

@{
  var grid = new WebGrid(source: Model.ToList(), canPage: true, canSort: true);
  grid.Pager (WebGridPagerModes.All);
}

**

<div id="g1">
    @grid.GetHtml(

    columns:grid.Columns
    (grid.Column(columnName:"paymentno",header:"PAYMENT NO"),

    grid.Column(columnName:"mname",header:"NAME"),

    grid.Column(columnName:"pamt",header:"AMOUNT"),

    grid.Column(header: "Header", format: @<text><input name="HasFormgivaren" type="checkbox" 
        value="@item.checkresult" @(item.checkresult == "True" ? "Checked" : null) /></text>)
    )
    )
</div>

You should add some explanation too – Massimo Petrus Mar 05 '17 at 08:26 — Massimo Petrus, Mar 05 '17 at 08:26

score -3 · Answer 10 · answered Nov 29 '10 at 19:18

-3

Try this

new HtmlString(usersGrid.Column(format: (item) => Html.CheckBox(item.Id)).ToString()),

instead of

usersGrid.Column(format: (item) => Html.CheckBox(item.Id)),

answered Nov 29 '10 at 19:18

Mariusz

1,409
12
25

How to make a MVC 3 Webgrid with checkbox column?

10 Answers10

Linked