类似于 Wufoo 的 Web 界面（可拖动元素、记住状态）

发布于 2024-11-07 06:52:05 字数 591 浏览 4 评论 0原文

我的问题非常具体。我想要一个可以创建表单的应用程序，就像在 Wufoo 上一样，具有易于使用的界面。这意味着可拖动元素。

我的问题是，一旦使用更改了表单元素的顺序位置，我无法弄清楚如何将状态保存在数据库中。我可以做前端，并且有可用的库，但是如何在后端保存表单的特定实例，以便下次使用登录时，顺序是相同的。

我很想在这个应用程序中使用 Django。所以，我能想到的基本类是：

class Form(models.Model):
  """...objects..."""


class TextField(models.Model):
  """...objects..."""
  #FK to Form()


class TitleArea(models.Model):
  """...objects..."""
  #FK to Form()

我还可以在 HTML 表单中的元素上拥有特定的 ID：

<input id="Field2" name="Field2" type="text"/>

他们 (Wufoo) 是如何做到这一点的？我的模型不正确吗？我知道这很天真。谢谢。

原文

The question I have is very specific. I wanted to have an app where I can create forms, as on Wufoo, with easy to use interface. Which means, draggable elements.

My problem is that I cannot figure out how will the state be saved in the database once the use changes the ordinal position of the form elements. I can do the front-end side, and there are libraries available for that but how do I save a particular instance of the form in the backend so that the next time use logs in, the order is same.

I would love to use Django for this app. So, the basic classes I can think of are:

class Form(models.Model):
  """...objects..."""


class TextField(models.Model):
  """...objects..."""
  #FK to Form()


class TitleArea(models.Model):
  """...objects..."""
  #FK to Form()

I can also have specific ID's on the elements in the HTML form:

<input id="Field2" name="Field2" type="text"/>

How do they (Wufoo) do this? Is my Model not correct? I know it is naive. Thanks.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

乙白 2024-11-14 06:52:05

您可以使用 ModelForm 来使用模型实例创建表单。只需在用户完成编辑后保存模型，然后当您再次为他们创建表单时，使用该模型作为 ModelForm （或表单集）的实例：

form = YourForm(instance=model_instance)

You can use ModelForm to create forms using a model instance. Just save the model after a user is done editing, and then when you create the form for them again use the model as an instance to your ModelForm (or formset):

form = YourForm(instance=model_instance)

回复收藏 0 原文

呆 2024-11-14 06:52:05

隐藏的胜利输入字段。

假设：

$("#submitForm").click(function() {
    // Check out the state of the union and change the hidden fields accordingly..
    // Something like:
    for (var i = 0; i < $(".orderedElements").length; i++) {
        $("#ordered-" + ((Number) i + 1)).attr('value', $(".orderedElements").eq(i).attr('id'));
    }
});

如果你明白我的意思。

hidden input fields for the win.

suppose:

$("#submitForm").click(function() {
    // Check out the state of the union and change the hidden fields accordingly..
    // Something like:
    for (var i = 0; i < $(".orderedElements").length; i++) {
        $("#ordered-" + ((Number) i + 1)).attr('value', $(".orderedElements").eq(i).attr('id'));
    }
});

If you catch my drift.

回复收藏 0 原文