Mvc 3 texbox in webgrid (razor)

Question

Simple Q:How do you I get the textbox to show the value. Code below fail on item.LastName

@model List<Mvc2010_11_12.Models.Employee>
@{
    var grid = new WebGrid(source: Model,defaultSort: "FirstName",rowsPerPage: 3);
}

<div id="grid1">
    @grid.GetHtml(columns: grid.Columns(
        grid.Column("LastName"),
        grid.Column(format: (item) => Html.TextBox("LastName", item.LastName))
    ))
</div>

score 6 · Answer 1 · edited Nov 14 '16 at 05:54

6

Extension methods (i.e., Html.TextBox) don't work well with dynamic objects (i.e., item)... it's a limitation of c#.

You've got a few options:

format: InputExtensions.TextBox(Html, "Last Name", item.LastName) // static call

format: Html.TextBox("Last Name", (object)item.LastName) // cast as non-dynamic object

format: <input type="text" name="LastName" value="@item.LastName" /> // avoid extensions

Also, I believe there's an inherent lambda with an "item" parameter - you shouldn't need to declare this yourself.

edited Nov 14 '16 at 05:54

Amit Bisht

4,870
14
54
83

answered Nov 18 '10 at 21:21

chenriks

121
3

I have taking the question to the blog of the presenter of the code I am modifying (Shiju Varghese). I think we need so guidance on best practice. – user408698 Nov 19 '10 at 17:12

score 3 · Answer 2 · answered Nov 16 '10 at 15:58

3

Quite convoluted but works:

@helper TextField(Employee employee, HtmlHelper<IEnumerable<Employee>> html)
{
    @html.TextBoxFor(x => employee.LastName)
}

<div id="grid1">
    @grid.GetHtml(columns: grid.Columns(
        grid.Column("LastName"),
        grid.Column(format: item => TextField(item.Value, Html))
    ))
</div>

Maybe there's a better approach though. Still learning the Razor syntax and quite frankly I am a bit disappointed by the WebGrid helper after having used MVCContrib Grid.

answered Nov 16 '10 at 15:58

Darin Dimitrov

1,023,142
271
3,287
2,928

There most be a easier way a doing it. – user408698 Nov 16 '10 at 23:44
@user408698, I hope there is but I am a bit skeptical. – Darin Dimitrov Nov 17 '10 at 06:03
Using this approach, when that form with textboxes is submitted back to a HttpPost action, how do you know which value belongs to which record? – Boris B. Jun 11 '11 at 16:42
@Boris B, you could include an additional hidden input containing the record id. – Darin Dimitrov Jun 11 '11 at 16:44
I guess that means something like `hidden id="RowId{N}" <=> textbox id="LastName{N}", N=1..RowCount`. Thank you. – Boris B. Jun 11 '11 at 17:36

score 3 · Answer 3 · answered Dec 30 '10 at 16:52

3

That one works for me

@model List<Mvc2010_11_12.Models.Employee>
@{
    var grid = new WebGrid(source: Model,defaultSort: "FirstName",rowsPerPage: 3);
}

<div id="grid1">
    @grid.GetHtml(columns: grid.Columns(
        grid.Column("LastName"),
        grid.Column(format: @<span>@Html.TextBox("LastName",@item.LastName as object)</span>   )
    ))
</div>

answered Dec 30 '10 at 16:52

Serguzest

1,287
10
18

How to save the values from the textbox column in webgrid to a table in the database. – Skanda Dec 30 '19 at 15:25

score 1 · Answer 4 · answered May 18 '11 at 23:25

1

Try this:

grid.Column(format: (item) => Html.TextBox("LastName", (object) item.LastName))

answered May 18 '11 at 23:25

kmattso

11
3

score 0 · Answer 5 · edited Dec 15 '11 at 20:47

0

I had to cast object to string as follows:

format: (item) => Html.ActionLink(
    (item.AppCode as object).ToString(),
    "Index",
    "ApplicationHealthCheck",
    new { Code = item.AppCode },
    null),

edited Dec 15 '11 at 20:47

answered Jul 27 '11 at 18:58

Max

41
3

score 0 · Answer 6 · edited Jul 29 '11 at 18:32

0

Try this

grid.Column("AmountValue", header: "Amount", format:@<text><input name="Amount" type="text" value="@item.AmountValue"</text>)

edited Jul 29 '11 at 18:32

Bo Persson

90,663
31
146
203

answered Jul 29 '11 at 11:09

Bhargav

451
3
13
26

i want to add dynamic textbox column with this bt it is not editable..ie i m unable to enter any value in this textbox – iProgrammer Oct 09 '19 at 17:51

score 0 · Answer 7 · edited Oct 26 '12 at 07:52

Showing Link or plain text based upon a condition:

grid.Column(format: (dbItem) => dbItem.QtyCompleted == 0 ?
                 Html.ActionLink(
                 "Start Setup",
                 "SaveData", 
                 "Workorder",
                 new
                   {
                       msid = dbItem.MSID,
                       qtyCompleted = 0, 
                       serialNum = "ABC"
                   },
                 new 
                   { 
                       onclick = "return ConfirmAction('Start Setup');" 
                   }) :
                 Html.Label(((DateTime)dbItem.StartTime).ToShortDateString())
            )

Mvc 3 texbox in webgrid (razor)

7 Answers7

Linked