How to persist checkbox selection in mvc?

Question

I've got a MVC site/view that shows a series of checkboxes across the top that correspond to the years available in the in my webgrid records. I would like to click on the checkboxes to filter the data in the webgrid. I have that working but when I click on the headings in the webgrid to sort it my checkboxes reset back to unchecked.

I am used to webform programming so have always relied on viewstate to maintain the selections.

How do I do this in the MVC world?

Here is my code to display the checkboxes in the view:

  @using (Ajax.BeginForm(new AjaxOptions { InsertionMode=InsertionMode.Replace,UpdateTargetId="myGrid"}))
{
    foreach (var y in Model.Years)
    {
      <input type="checkbox" name="cbYears" value="@y.Value" />
      <label for="cbYears">@y.Value</label>
    }
<br />
<input type="submit" value="Filter Results" />
}

The grid is displayed in a partial view.

TIA

Community · Accepted Answer · 2017-05-23 12:15:41Z

1

Glad if these could help!

MVC3 WebGrid Page/Sort Issue with a CheckBox elsewhere on the page

http://websitesorcery.com/post/2012/03/19/CheckBox-Issue-with-MVC-3-WebGrid-Paging-Sorting.aspx

edited May 23, 2017 at 12:15

CommunityBot

11 silver badge

answered Jul 16, 2012 at 22:25

CodeMad

9482 gold badges12 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

MattD Over a year ago

The second link in your answer appears to either be down or possibly dead.

CodeMad Over a year ago

@MattD: thanks for the update. Yes, the website itself "websitesorcery.com" seems to be down.

VJAI · Accepted Answer · 2012-07-17 06:41:21Z

How do I do this in the MVC world?

You have to send the filtering option in the request when you perform sorting in the grid. The idea is whenever you are performing sorting you have to submit the current filter option, current pagination and the other things related to the grid in the request either in query-string or form and in this way you don't need to maintain the state because all the information needed are available in the request.

For ex. if you see jqgrid it provides many options like sorting, filtering, pagination, grouping etc. Say first I've filtered the grid for a particular column/value then if I do sorting then the grid append the current filtered column/value and the sorting column everything as query-strings in the request and so in the server side I don't need to keep any state because all are available in the querystrings.

You also follow a similar kind of approach.

Collectives™ on Stack Overflow

How to persist checkbox selection in mvc?

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related