liveBook · Manning

Inline editing

As explained in Django in Action

Inline editing is a user-interface pattern in which an item is replaced in place by controls for modifying it.

Inline editing replaces an item in place with controls for modifying it. In a Django page using HTMX, clicking Edit swaps a room row for an edit form instead of navigating away. section 12.5

Editing a venue room

A room initially appears as “Main Stage” with an Edit link. Clicking it replaces that list item with a RoomForm. Saving a valid name persists the Room and restores the row; Cancel restores the original display without saving.

How Django in Action covers it

How deep it goes
Explains the three-view structure, partial replacement, form validation, saving, cancellation, and authenticated object lookup.
Examples
Demonstrates editing rooms associated with a venue through display, edit-form, saved-row, and cancel partials.
What it assumes
Assumes Django views, templates, model forms, authentication, and HTMX attributes such as hx-get, hx-post, and hx-target.
What you can do after
Build it from scratch by wiring Django views, templates, a model form, routes, and HTMX targets for edit, save, and cancel.
How it connects
Connects Django views, templates, model forms, authentication, partial templates, and HTMX HTTP methods.
Cover of Django in Action
liveBookmanning.com
Read Django in Action on liveBook Get the book at manning.com

Related concepts

This explainer was generated by Manning's knowledge graph from the text of Django in Action. The section links point to the parts of the book it draws on.