ansaurus

Question

Inline form editing on client side

Answer 1

A:

I've used jQGrid in the past with ASP.NET (MVC doesn't support GridViews).

http://www.trirand.com/blog/

and demos at http://trirand.com/jqgrid/jqgrid.html (Check out the Row Editing ones).

Phil 2009-10-16 13:49:30

Answer 2

A:

Just an idea, but have you looked at Jeditable plugin which allows you to edit inline content?

And here is a tutorial, and the tutorial code with some improvements.

fudgey 2009-10-16 14:37:07

Answer 3

+1 A:

I would keep the edit form on the client, but hidden with e.g. "style="display:none;", and then show it when the user clicks the edit button. Loading a form from the server in this event is very costly performance wise.

This is a very basic example and doesn't consider positioning the edit form etc.

<head>
    <script type="text/javascript">
        $(function () {
            $("#showEdit").click(function () {
                $("#editForm").css("display", "block");
            });
        });
    </script>
</head>
<body>
    <div id="editForm" style="display: none; position: absolute; z-index: 999;">
        <fieldset>
            <label for="surnameInput">Surname:</label>
            <input id="surnameInput" type="text" />
            <label for="firstNameInput">Surname:</label>
            <input id="firstNameInput" type="text" />
        </fieldset>
    </div>
    <input id="showEdit" type="button" value="Edit" />
</body>

This does mean your main page will have to carry the edit field values from first load, but very often that is a small price to pay, because the user accepts a wait at that time, not when they click a button.

ProfK 2010-01-03 08:25:54

ansaurus

tags:

views:

answers:

Inline form editing on client side

related questions