如何构建复杂而动态的文本框控件?(对于名称:值对）

How to build a complex and dynamic textbox-control? (for name:value pair)

本文关键字：控件 于名 值对 构建 何构建 复杂 动态 文本      更新时间：2023-09-26

我正在一个 asp.net 网站上工作。为此，我需要一个非常复杂的站点：我需要有一个站点，用户可以在其中输入任意数量的 Name：Value-对，单击时将它们从后端保存到数据库中，在访问时删除此对并添加新的。

这是我发现这样的事情的另一个页面的屏幕截图：http://s7.directupload.net/file/d/3377/rm8zzcqe_jpg.htm

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

我有很好的 asp.net 知识，但JS知识较少，我认为这段代码的99%将是JS，所以我在这里有点无助。

如何解决？

这里有一些资源和提示，希望能为你指明正确的方向。

实现拖放：查看 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 字符串，您可以将其放在隐藏字段中，然后在服务器上找到。

相关文章：