HtmlCheckBoxFor that conditionally show other fields, Don't work after thrown exception

Question

I'm having some problem with a checkbox in a view.

In my view I have this code:

 <script>
function ShowRes()
{
    if (document.getElementById("notres").style.display == "none") {
        document.getElementById("notres").style.display = "block";

}
    else
    {
        document.getElementById("notres").style.display = "none";

    }
 </script>



  <div class="editor-label">
        @Html.LabelFor(model => model.res)
    </div>

    <div class="editor-field" >
        @Html.CheckBoxFor(model => model.res,  new {onChange="javascript:ShowRes();"})
        @Html.ValidationMessageFor(model => model.res)
    </div>   

<div id="notres">
    <div class="editor-label">
        @Html.LabelFor(model => model.resEmail)
    </div>
    <div class="editor-field">
        @Html.EditorFor(model => model.resEmail)
        @Html.ValidationMessageFor(model => model.resEmail)
    </div>

  ...and some other divs

 </div>

Here I have a checkbox where onchange call a function that shows or hide a div (div id=notres)

My problem is that some other fields when not setted right throw an exception, see my controller:

[HttpPost]
[ValidateAntiForgeryToken]
public ActionResult Create([Bind(Include = "...fields...")] Asset asset)
{
    try
    {
        if (ModelState.IsValid)
        {
            if ("fields" == false)
            {
                throw new DataException();
            }
            else
            {
                db.Asset.Add(asset);
                db.SaveChanges();
                return RedirectToAction("Index");
            }
        }
    }
    catch (DataException)
    {
        ModelState.AddModelError("", "Unable to save changes. Try again, and if the problem persists see your system administrator.");

    }
}

When this exception is thrown the checkbox continues as it was. For example if it was checked it stay checked, if it was unchecked it stay unchucked. Buut my div always show again.

My intention was to make div unseen when the checkbox was checked, and seen when was unchecked, however the exception updates the page keeping the checkbox but reseting the div.

How can I make for when the exception updates the page the div respect the checkbox?

have already tried to set the box for always checked or unchecked like:

@Html.CheckBoxFor(model => model.res,
    new {@checked = "checked", onChange="javascript:ShowRes();"})

but it only works for the first time, when exception occurs dont update it.

any help? Or also how can I check if the checkbox is checked every time the page is updated and then I set the div style like I did in the function like: document.getElementById("notres").style.display = "none"; — user2962069, Commented Jun 10, 2014 at 16:41
How are you poting the page, formpost? If formpost have you considered ajax? — 3dd, Commented Jun 11, 2014 at 21:07

user2962069 · Accepted Answer · 2014-06-16 16:52:36Z

I just solved the problem, for future if anyone have the problem the html helper:

 @Html.CheckBoxFor(model => model.res,  new {onChange="javascript:ShowRes();"})

create a html div of type checkbox with id=res

This way I just put a script in the end of the code:

 <script>               
                    if (document.getElementById("res").checked == true) 
                        document.getElementById("notres").style.display = "none";
                    else 
                        document.getElementById("notres").style.display = "block";
 </script>

This way every time the page is updated it checks if should appear or not.

Collectives™ on Stack Overflow

HtmlCheckBoxFor that conditionally show other fields, Don't work after thrown exception

1 Answer 1

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Related