ASP.NET利用后台代码动态添加表格行小记

ASP.NET利用后台代码动态添加表格项小记

​ 最近在看一些关于网站建设的东西,其中包括到了ASP.NET技术,昨晚在利用c#获取到数据库数据后,针对一个问题产生了疑惑:触发点击事件后,我该如何将我获取到的数据动态添加到表格中呢?由于基础比较薄弱,也是反复尝试了一些东西,最后找到了一种简单的方法,在这里记录一下。

前端代码:

<body>
    <form id="form1" runat="server">
        <div>
        </div>
        <asp:Label ID="Label1" runat="server" Text="获取我的京东订单:"></asp:Label>
        <p>
            <asp:Button ID="Button1" Onclick="Button_click" runat="server" Text="获取订单" />
        </p>
        <table id="tabledemo" runat="server" border="1">
            <tr>
                <th>订单编号</th>
                <th>物品名称</th>
                <th>购买店铺</th>
                <th>物品价格</th>
                <th>支付方式</th>
            </tr>
        </table>
    </form>
</body>

后端代码:

 public void Button_click(object sender,EventArgs e) {
            jdbll jdblldemo = new jdbll();
            foreach (jd_order order in jdblldemo.Search())
            {
                HtmlTableRow tr1 = new HtmlTableRow();
                HtmlTableCell tcell1 = new HtmlTableCell();
                HtmlTableCell tcell2 = new HtmlTableCell();
                HtmlTableCell tcell3 = new HtmlTableCell();
                HtmlTableCell tcell4 = new HtmlTableCell();
                HtmlTableCell tcell5 = new HtmlTableCell();
                Label label1 = new Label();
                label1.Text = order.Id;
                Label label2 = new Label();
                label2.Text = order.Name;
                Label label3 = new Label();
                label3.Text = order.Store;
                Label label4 = new Label();
                label4.Text = order.Price.ToString();
                Label label5 = new Label();
                label5.Text = order.Pay_way;
                tcell1.Controls.Add(label1);
                tcell2.Controls.Add(label2);
                tcell3.Controls.Add(label3);
                tcell4.Controls.Add(label4);
                tcell5.Controls.Add(label5);
                tr1.Cells.Add(tcell1);
                tr1.Cells.Add(tcell2);
                tr1.Cells.Add(tcell3);
                tr1.Cells.Add(tcell4);
                tr1.Cells.Add(tcell5);
                this.tabledemo.Rows.Add(tr1);
            }
               
        }

运行结果(触发点击事件后):

在这里插入图片描述

​ 针对前端的代码相信大家不会有什么问题,对于后端代码的解读呢,可以借鉴我网上查到(http://blog.sina.com.cn/s/blog_61ac952e0100tvci.html)的一些东西:

  • HtmlTable控件用来控制元素。在HTML中,
    用来建立一个表格。
  • HtmlTableRow控件用来控制 元素。在HTML中, 元素用来建立表格行。
  • HtmlTableCell控件用来控制 和 元素。在HTML中,这些元素用来建立表格单元格和表格标题单元格。
  • HtmlTable 控件可以配合HtmlTableRow 以及HtmlTableCell 控件来动态的产生表格。

其关系为:

​ HtmlTable 控件是由许多列(Row)所组成,而每一列中是由许多储存格(Cell)所组成。所以HtmlTable 控件中有Rows 集合,HtmlTableRow 控件中有Cells 集合。我们依秩序利用HtmlTableRow 中Cells 集合的Add 方法,将HtmlTableCell 控件串成一列(Row)后,再将这一列加到HtmlTable 的Rows 集合中,这样一来表格就大功告成了。

集合的Add 方法,将HtmlTableCell 控件串成一列(Row)后,再将这一列加到HtmlTable 的Rows 集合中,这样一来表格就大功告成了。

​ 这就是本次调试一个简单程序的记录,希望遇到此类问题的小白可以有所借鉴!

  • 0
    点赞
  • 0
    评论
  • 3
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

技术基础 New Folder 多样式星期名字转换 [Design, C#] .NET关于string转换的一个小Bug Regular Expressions 完整的在.net后台javascript脚本集合 ASP.NET 中的正则表达式 常用的匹配正则表达式和实例 经典正则表达式 delegate vs. event 我是谁?[C#] 表达式计算引擎 正式发布表达式计算引擎WfcExp V0.9(附源码) 运算表达式类的原理及其实现 #实现的18位身份证格式验证算法 身份证15To18 的算法(C#) 一组 正则表达式 静态构造函数 忽略大小写Replace效率瓶颈IndexOf 随机排列算法 理解C#中的委托[翻译] 利用委托机制处理.NET中的异常 与正则表达式相关的几个小工具 你真的了解.NET中的String吗? .NET中的方法及其调用(一) 如何判断ArrayList,Hashtable,SortedList 这类对象是否相等 帮助解决网页和JS文件中的中文编码问题的小工具 慎用const关键字 装箱,拆箱以及反射 动态调用对象的属性和方法——性能和灵活性兼备的方法 消除由try/catch语句带来的warning 微软的应试题完整版(附答案) 一个时间转换的问题,顺便谈谈搜索技巧 .net中的正则表达式使用高级技巧 (一) C#静态成员和方法的学习小结 C#中结构与类的区别 C#中 const 和 readonly 的区别 利用自定义属性,定义枚举值的详细文本 Web标准和ASP.NET - 第一部分 XHTML介绍 在ASP.NET页面中推荐使用覆写(Override)而不是事件处理(Event Handler) 常用编码工具类,支持base64,md5,des,crc32 也谈谈技术面试 在C#里把ArrayList转换为Array 或 把Array转换为ArrayList C# 2.0 在.NET 2.0中,让你的组件也可以绑定 .NET20 一种简单的窗口控件UI状态控制方法 翻译MSDN文章 —— 泛型FAQ:最佳实践 Visual C# 3.0 新特性概览 C# 2.0会给我们带来什么 泛型技巧系列:如何提供类型参数之间的转换 C#2.0 - Object Pool 简单实现 Attributes in C# 手痒痒,也来个c# 2.0 object pool 泛型技巧系列:用泛型打造可复用的抽象工厂 体验.net2.0的优雅(四):Provider、策略、控制反转和依赖注入 泛型最佳实践 asp.net 2.0下嵌套masterpage页的可视化编辑 C# 2.0与泛型 动态调用对象的属性和方法——性能和灵活性兼备的方法 泛型技巧系列:用泛型打造可复用的抽象工厂 泛型技巧系列:如何提供类型参数之间的转换 .NET 2.0 泛型Quiz Visual Studio 2005体验泛型编程 C++ 泛型编程系列讲座之实施 泛型技巧系列:简单类型选择器 C# 泛型简介 我眼中的C#2.0新功能特性 泛型技巧系列:避免基类及接口约束 New Article 不该用Generics实现Abstract Factory的理由 C#2.0-泛型 C#2.0-extern C#2.0-可空类型 C#2.0-分部类 C#2.0-迭代器 C#2.0 的新增功能学习 泛型的序列化问题 .NET 2.0 泛型在实际开发中的一次小应用 C#2.0 Singleton 的实现 .Net Framwork 强类型设计实践 通过反射调用類的方法,屬性,字段,索引器(2種方法) ASP.NET: State Server Gems 完整的动态加载/卸载程序集的解决方案 从NUnit中理解.NET自定义属性的应用(转载) 如何在.NET中实现脚本引擎 (CodeDom篇) .NET的插件机制的简单实现 我对J2EE和.NET的一点理解 难分难舍的DSO(一) InternalsVisibleToAttribute,友元程序集访问属性 Essential .NET 读书笔记 [第一部分] NET FrameWork的Collections支持 .NET的反射在软件设计上的应用 关于跨程序集的反射 实现C#和VB.net之间的相互转换 深入剖析ASP.NET组件设计]一书第三章关于ASP.NET原理讲述的补白 asp.net机制初探(httpModule加载) 利用反射来查看对象中的私有变量 关于反射中创建类型实例的两种方法 ASP.Net应用程序的多进程模型 NET委托:一个C#睡前故事 [推荐] - [原创] Microsoft .NET策略及框架概述 卸载Class? Web Form 窗体 如何实现web页面的提
©️2021 CSDN 皮肤主题: 书香水墨 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值