将动态创建的文本框的值插入sqlserver并显示在gridview中

本文关键字：显示 sqlserver gridview 创建 动态 文本 插入 | 更新日期: 2023-09-27 18:13:16

嗨，我有一个包含静态和动态文本框的webform。我写了一个代码来创建无限的动态文本框(最大使用将是31，但我给用户的灵活性)，但现在我必须插入数据库中动态创建的文本框的值

假设我在一个文本框中填充一些文本，它会自动创建下一个文本框ie。，只要我在第一个文本框中输入1个字符，它就会生成新的文本框，最后当我点击提交时，我想要所有这些数据从文本框中存储在数据库中。

它应该为每个生成的新文本框创建新的字段/列，但是如果它在最大限制范围内，那么它应该在先前创建的 列中插入数据。有解决方案吗?

下面是我的代码: WebForm1.aspx 
<script type="text/javascript">
    getId = function ()
     {
        var id = 1;
        return function () 
        {
            id++;
        }
    }
    function CreateTextbox() 
    {
        var box = document.getElementById("divCreateTextbox");
        var curr = 'txt' + getId();
        var inp = document.createElement('input');
        inp.type = 'text';
        inp.name = 'textfield';
        inp.setAttribute("id", 'curr');
        inp.setAttribute("minlength", '1');
        box.appendChild(inp);
        inp.setAttribute('onkeyup', 'moveOnMin(this)');
        inp.setAttribute("textBoxAdded", "0");
        inp.focus();
    }
    function moveOnMin(s)
     {
         if (s.value.length == parseInt(s.getAttribute("minlength")) && s.getAttribute("textBoxAdded") == "0")
         {
            CreateTextbox();
            s.setAttribute("textBoxAdded", "1");
            s.focus();
        }
    }


        <div id="divCreateTextbox"></div>
        <script type="text/javascript">
        window.onload = function ()
       {
            CreateTextbox()
       }

WebForm1.aspx.cs(在sql中插入静态文本框的代码)

public partial class WebForm1 : System.Web.UI.Page
{
     SqlConnection connection = new SqlConnection(ConfigurationManager.ConnectionStrings["DBCS"].ConnectionString);
    protected void Page_Load(object sender, EventArgs e)
    {

        if (!IsPostBack)
        {
            string CS = ConfigurationManager.ConnectionStrings["DBCS"].ConnectionString;
            using (SqlConnection connection = new SqlConnection(CS))
            {
                SqlDataAdapter da = new SqlDataAdapter("SELECT * FROM [Tbl Return's Tracker]", connection);
                DataSet ds = new DataSet();
                da.Fill(ds);
                GridView1.DataBind();
            }
            }
    }
    protected void BtnSubmit_Click(object sender, EventArgs e)
    {
        SqlCommand command = new SqlCommand("INSERT INTO [Tbl Return's Tracker] ([Company],[Date],[Month],[OrderReference],[Product],[Status],[ReturnLabel],[NumberOfLenses],[Shelf], [ReshipmentNumber],[Reason1],[Reason2],[ActionTaken],[ReturnHandledby])VALUES (@company,@date,@month,@orderreferencenumber,@product,@status,@returnlabel,@numberoflenses,@shelf,@reshipmentordernumber,@Reason1,@Reason2,@action,@name)", connection);
        command.Parameters.AddWithValue("@company", DdlCompany.SelectedItem.Text);
        command.Parameters.AddWithValue("@month", LblMonth.Text);
        command.Parameters.AddWithValue("@date", LblDate.Text);
        command.Parameters.AddWithValue("@orderreferencenumber", TxtOrderReferenceNo.Text);
        command.Parameters.AddWithValue("@product", DdlProduct.SelectedItem.Text);
        command.Parameters.AddWithValue("@status", DdlStatus.SelectedItem.Text);
        command.Parameters.AddWithValue("@returnlabel", DdlReturnLabel.SelectedValue);
        command.Parameters.AddWithValue("@numberoflenses", TxtNumberOfLenses.Text);
        command.Parameters.AddWithValue("@shelf", DdlShelf.SelectedItem.Text);
        command.Parameters.AddWithValue("@reshipmentordernumber", TxtReshipmentOrderNo.Text);
        command.Parameters.AddWithValue("@Reason1", DdlReason1.SelectedItem.Text);
        command.Parameters.AddWithValue("@Reason2", DdlReason2.SelectedItem.Text);
        command.Parameters.AddWithValue("@action", DdlAction.SelectedItem.Text);
        command.Parameters.AddWithValue("@Name", DdlName.SelectedItem.Text);
        connection.Open();
        command.ExecuteNonQuery();
        connection.Close();
        GridView1.DataBind();         
    }

将动态创建的文本框的值插入sqlserver并显示在gridview中

如果我理解正确的话…

你需要清理你的代码。确保您为控件设置了唯一的ID。您的getid没有返回ID -调试并检查它。使var id全局化，并在CreateTextBox Func

中纠正这段代码
var box = document.getElementById("divCreateTextbox");
var curr = 'txt' + id++; // getId();
var inp = document.createElement('input');
inp.type = 'text';
inp.name = curr;  //'textfield';
inp.setAttribute("id", curr);

在你的postback中，只需循环你的控件

 For Each txtBx As String In Request.Form
        If txtBx.StartsWith("txt") Then 
 Response.Write(txtBx & "=" & Request.Form(txtBx) & "<BR>")
 end if
    Next

这是你需要的吗?

相关文章：