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

时间:2010-01-05 00:47:16

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

场景:我有以下结构;组(父母) - >项目(儿童)。

  • 一个小组可以有很多项目。
  • group和item只有一个可编辑字段(字符串)

在其他父/子表数据中,我使用了部分视图来显示父数据和子数据 - 子数据是标准MVC索引(即每个数据旁边带有编辑/ detials选项的项目列表)。

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

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

所以我的想法(不知何故)我可以(不知何故)编写一些javascript来创建文本框,每次单击按钮添加新行,然后在控制器中以某种方式保存完成后的数据。

任何人都做过与此类似的事情,可以指出我正确的方向吗?

1 个答案:

答案 0 :(得分:0)

对于客户端数据操作,我使用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