javascript - 在 Django 中实时编辑

标签 javascript ajax django forms

假设您有一张地址簿卡片。通常,这些字段以特定布局显示为静态文本(想象一下有多个电话号码、电子邮件等)。编辑它时,您希望使用相同的布局,但使用表单字段而不是静态文本。似乎在 Django 中这样做的正常方法是使用单独的 View 和模板,这迫使您复制所有布局标记(即,它不是 DRY),并更改页面以在浏览和编辑模式之间切换。

如果您可以即时切换进入和退出编辑模式,使用 JavaScript 将静态文本替换为表单字段,反之亦然,并使用 Ajax 将更改发送到服务器,那就更好了。我称之为“实时编辑”,但也许有更好的术语。无论如何,在 Django 中有推荐的方法吗?

我正在考虑为每个字段呈现静态版本和可编辑版本,并根据需要使用 JavaScript 隐藏和显示它们。但我还需要用来自服务器的新数据更新静态字段,我需要考虑内联表单和复杂字段,例如图像(静态显示是一个 <img> 标签,你必须更新上传后的 src)。我可能还需要动态添加和删除字段或字段集(同样,考虑内联表单集)。

总而言之,这将需要大量代码。是否有 Django 的现有解决方案或推荐的方法?否则,哪个 JavaScript 框架可能对此最有帮助?

最佳答案

关于javascript - 在 Django 中实时编辑,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2028106/

相关文章:

javascript - 将数据从 3 个选择传递到一个输入

javascript - jQuery ajax 的问题

django - 使用 Django 在 Google map 上放置标记

python - Django X-CSRFToken 已设置但仍然禁止 403

javascript - 从 Javascript 向 Servlet 发送数据

javascript - 单击复选框后未收到复选框事件

java - 如何从 Apache Wicket 的组件中正确删除 AjaxSelfUpdatingTimerBehavior?

javascript - 解析 AJAX 响应

python - 测验模型中的图像

javascript - 如何使用 Firebase Firestore 获取子集合?