asp mvc - 动态添加数据控件的最佳方法是什么答案

【问题标题】：asp mvc - what is the best way to dynamically add data controlsasp mvc - 动态添加数据控件的最佳方法是什么
【发布时间】：2010-01-05 00:47:16
【问题描述】：

场景：我有以下结构；组（父）-> 项目（子）。

一个组可以有很多项。
组和项都只有一个可编辑字段（字符串）

在其他父/子表数据中，我使用部分视图来显示父数据和子数据 - 子数据是标准 MVC 索引（即每个项目旁边带有编辑/详细信息选项的项目列表）。

但是在这种情况下，父级只有一个字段，子级也只有一个字段，因此我不想打开单独的视图来创建/编辑新的子记录。

我希望能够有效地编辑所有关联的子数据，而无需打开新视图，也许有一个动态添加另一行的添加按钮。

所以我的想法是，我可以（以某种方式）编写一些 javascript 来在每次单击按钮添加新行时创建一个文本框，然后在控制器中以某种方式在完成后保存数据。

有人做过类似的事情，可以指出正确的方向吗？

【问题讨论】：

标签： javascript asp.net asp.net-mvc dynamic-data

【解决方案1】：

对于客户端数据操作，我使用来自 John Resig 的 micro-template 函数，并创建一个将更新 dom 的脚本。这是 John 的示例：

<script type="text/html" id="item_tmpl">
  <div id="<%=id%>" class="<%=(i % 2 == 1 ? " even" : "")%>">
    <div class="grid_1 alpha right">
      <img class="righted" src="<%=profile_image_url%>"/>
    </div>
    <div class="grid_6 omega contents">
      <p><b><a href="/<%=from_user%>"><%=from_user%></a>:</b> <%=text%></p>
    </div>
  </div>
</script>

然后，您可以使用您将序列化到隐藏字段并发布到服务器的新数据来维护一个对象或数组。约翰的例子很简单，应该让你继续前进。

如果您需要更多信息，请访问 Dave Ward 的 Encosia，因为他是 post regarding this。

【讨论】：