avoid the db call to reset the values using MVC and Jquery

Question

I am using MVC4 ,jquery,ajax and json,I have task

In registration form ,fetch the data already entered the data for editing.I edited the content.Then I click on cancel button ,the form data is reset ed to before edited data.

Is any way to avoid the db call to reset the values.? I heard jquery maintaining a history data options for resetting values.

prashant · Accepted Answer · 2013-03-25 05:20:21Z

1

The first time you make a DB call for obtaining the values..... store these values as JSON objects in the client side. When the user edits the data these objects will be able to maintain their state and hence will remain unchanged. Hence on clicking cancel fetch the original values from the JSON objects stored in the client side. Thus in this case the entire flow would be in the client side and no server call would be made.

answered Mar 25, 2013 at 5:20

prashant

1,4551 gold badge15 silver badges20 bronze badges

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

1 Comment

tostringtheory Over a year ago

Good idea. A nice way to implement this may to be to create custom MVC HtmlHelper extensions like ResettableTextboxFor() that would basically create the textbox, but automatically add a data-init-val attribute to the element that stores its initial value, which you could then just iterate through all of the input elements and reset value on Cancel button press.

mgibsonbr · Accepted Answer · 2013-03-25 05:26:38Z

0

I believe you could have a generic method to save the current value (and other attributes, like checked) of several inputs, and another to reverse the value to that saved value, using jQuery data:

function save() {
    $("input, textarea, select").each(function() {
        $(this).data("savedVal", $(this).val());
        $(this).data("savedChecked", $(this).prop("checked"));
    });
}

function reset() {
    $("input, textarea, select").each(function() {
        $(this).val($(this).data("savedVal"));
        $(this).prop("checked", $(this).data("savedChecked"));
    });
}

Demo. I'd suggest constraining your selector to a specific form though, instead of capturing all inputs in the whole page.

answered Mar 25, 2013 at 5:26

mgibsonbr

22.1k7 gold badges74 silver badges115 bronze badges

Collectives™ on Stack Overflow

avoid the db call to reset the values using MVC and Jquery

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related