输入数字动态创建行(二)
Insus.NET有很久以前,有帮网友写过一个小例子《输入数字动态创建行》http://www.cnblogs.com/insus/archive/2011/12/01/2270455.html 不过只是实现了前面一部分,没有获取与存储入数据库功能均没有实现。
近来几天,连接到几个网友的要求,需把它做成一个完整的例子。实现之前,先对原程序修改2处地方:
把TextBox 的ID由TextBox1改为TextBoxNum。如果不改,它会影响动态产的TextBox。
另外一个:
把原来click的事件代码,写成一个私有方法,然后分别在page_load和click事件中应用。
然后你需要在数据库创建表,创建自定义类别,创建存储过程:
上面SQL语句可从下面拷贝:
CREATE TABLE [dbo].[TData] ( [TData_nbr] INT IDENTITY(1,1) PRIMARY KEY NOT NULL, [ImgSource] NVARCHAR(30) NULL, [Title] NVARCHAR(50) NULL, [Description] NVARCHAR(100) NULL, [Album] NVARCHAR(20) NULL ) GO CREATE TYPE [dbo].[udt_TData] AS TABLE( [ImgSource] NVARCHAR(30) NULL, [Title] NVARCHAR(50) NULL, [Description] NVARCHAR(100) NULL, [Album] NVARCHAR(20) NULL ) GO CREATE PROCEDURE [dbo].[usp_TData_Insert] ( @TData [dbo].[udt_TData] READONLY ) AS INSERT INTO [dbo].[TData] ([ImgSource],[Title],[Description],[Album]) SELECT [ImgSource],[Title],[Description],[Album] FROM @TData GO
接下来,你可以在程序中,创建一个类别:
现在你可以写“上传图片”铵钮的事件了:
上面截图可复制代码:
DataTable td = new DataTable(); td.Columns.Add("ImgSource", typeof(string)); td.Columns.Add("Title", typeof(string)); td.Columns.Add("Description", typeof(string)); td.Columns.Add("Album", typeof(string)); int rowIndex = 0; for (int idx = 0; idx < TableUploadlayout.Rows.Count; idx++) // (TableRow tr in TableUploadlayout.Rows) { if (idx != rowIndex) //略过表格头行。 { string imgSource = string.Empty; string title = string.Empty; string desc = string.Empty; string album = string.Empty; foreach (TableCell tc in TableUploadlayout.Rows[idx].Cells) { foreach (Control ctl in tc.Controls) { if (ctl is FileUpload) { FileUpload fud = (FileUpload)ctl; string uploadfile = fud.PostedFile.FileName; //处理图片存储... imgSource = uploadfile.Substring(uploadfile.LastIndexOf(@"\") + 1); } if (ctl is TextBox) { TextBox tb = (TextBox)ctl; int id = Convert.ToInt32(tb.ID.Substring(7)); if (id % 2 == 1) //第一个文本框 title = tb.Text; if (id % 2 == 0) //第二个文本框 desc = tb.Text; } if (ctl is DropDownList) { DropDownList ddl = (DropDownList)ctl; album = ddl.SelectedValue; } } } td.Rows.Add(imgSource, title, desc, album); } } TData tData = new TData(); tData.TD = td; tData.AddRecord();
最后做一个动画演示: