如何构建复杂动态的文本框控件？ （对于名称：值对）

Question

我在asp.net网站上工作。 为此我需要一个非常复杂的站点：我需要一个站点，用户可以在其中输入尽可能多的名称：按需要的值对，在点击后从后端保存到数据库，在edeting时删除这些对并添加新的的。

以下是我发现其他页面的截图： http://s7.directupload.net/file/d/3377/rm8zzcqe_jpg.htm

如您所见，您有2个文本框，可以删除右侧的每一对，根据需要添加文本框，然后保存，完成。

我有非常好的asp.net knowlegde，但JS知识较少，我认为99％的代码都是JS，所以我在这里有点无奈。

如何解决？

Answer 1

以下是一些有用的资源和提示，可以帮助您指明正确的方向。

实施拖放操作：查看jQueryUI库中的示例http://jqueryui.com/draggable/

添加/删除文本框：添加一段JS代码，该代码将创建具有您可以跟踪的相应ID的html输入元素。

在客户端存储数据：您可以将数据保存在类似

的二维数组中

//Lets assume that there are not more than 100 elements

var x = new Array(100);
for (var i = 0; i < 100; i++) {
     x[i] = new Array(2);
}

x[0][0] = "textboxID";
x[0][1] = "value1:value2";

x[1][0] = "textboxID2";
x[1][1] = "value3:value4";

将数据发送到服务器：最简单的方法是将这些值转换为可以放入隐藏字段的JSON字符串，然后在服务器上查找。