table伪动态数据绑定

最新推荐文章于 2021-06-04 09:56:41 发布
最新推荐文章于 2021-06-04 09:56:41 发布
阅读量1.2k 收藏
点赞数
分类专栏： C#.NET编程 文章标签： table server asp dataset image string
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zdw_wym/article/details/5871010
版权

要实现如下图的效果

                   

 

前台FormView控件的项模板用table来简单布局下：

     <asp:FormView ID="FormView1" runat="server" DataKeyNames="ID"  Width="100%">
             <ItemTemplate> 

                    <table width="100%" cellpadding="0" cellspacing="0">
                            <tr>
                                <td colspan="2" style="background-color: #D7E8F8">
                                    <asp:Image ImageUrl="~/AQJDGL/Security/jzyx.jpg" runat="server" ID="Image1" />
                                </td>
                                <td align="center" style="width: 20%" id="tbsj1" runat="server">
                                 &nbsp;   //这里加&nbsp;的作用是即使从数据库中取出的不够四个,table的cell之间还是可以看见是有线分割着的
                                </td>
                                <td align="center" style="width: 20%" id="tbsj2" runat="server">
                                    &nbsp;
                                </td>
                                <td align="center" style="width: 20%" id="tbsj3" runat="server">
                                    &nbsp;
                                </td>
                                <td align="center" style="width: 20%" id="tbsj4" runat="server">
                                    &nbsp;
                                </td>
                            </tr>
                            <tr>
                                <td align="center" style="font-weight: bold; height: 30px; width: 5%">
                                    <asp:Label ID="Label27" runat="server" Text="主机组"></asp:Label>
                                </td>
                                <td align="center" style="font-weight: bold; height: 30px; width: 15%">
                                    <asp:Label ID="Label1" runat="server" Text="油位、气味、声音、震动、温度"></asp:Label>
                                </td>
                                <td align="center" style="width: 20%" id="tbzjz1" runat="server">
                                    &nbsp;
                                </td>
                                <td align="center" style="width: 20%" id="tbzjz2" runat="server">
                                    &nbsp;
                                </td>
                                <td align="center" style="width: 20%" id="tbzjz3" runat="server">
                                    &nbsp;
                                </td>
                                <td align="center" style="width: 20%" id="tbzjz4" runat="server">
                                    &nbsp;
                                </td>
                            </tr>
                            <tr>
                                <td align="center" style="font-weight: bold; height: 30px; width: 5%">
                                    <asp:Label ID="Label2" runat="server" Text="供水系统"></asp:Label>
                                </td>
                                <td align="center" style="font-weight: bold; height: 30px; width: 15%">
                                    <asp:Label ID="Label3" runat="server" Text="压力、声音、滴漏、震动"></asp:Label>
                                </td>
                                <td align="center" style="width: 20%" id="tbgsxt1" runat="server">
                                    &nbsp;
                                </td>
                                <td align="center" style="width: 20%" id="tbgsxt2" runat="server">
                                    &nbsp;
                                </td>
                                <td align="center" style="width: 20%" id="tbgsxt3" runat="server">
                                    &nbsp;
                                </td>
                                <td align="center" style="width: 20%" id="tbgsxt4" runat="server">
                                    &nbsp;
                                </td>
                            </tr>
                            <tr>
                                <td align="center" style="font-weight: bold; height: 30px; width: 5%">
                                    <asp:Label ID="Label4" runat="server" Text="供气系统"></asp:Label>
                                </td>
                                <td align="center" style="font-weight: bold; height: 30px; width: 15%">
                                    <asp:Label ID="Label5" runat="server" Text="压力、声音、泄漏"></asp:Label>
                                </td>
                                <td align="center" style="width: 20%" id="tbgqxt1" runat="server">
                                    &nbsp;
                                </td>
                                <td align="center" style="width: 20%" id="tbgqxt2" runat="server">
                                    &nbsp;
                                </td>
                                <td align="center" style="width: 20%" id="tbgqxt3" runat="server">
                                    &nbsp;
                                </td>
                                <td align="center" style="width: 20%" id="tbgqxt4" runat="server">
                                    &nbsp;
                                </td>
                            </tr>
                            <tr>
                                <td align="center" style="font-weight: bold; height: 30px; width: 5%">
                                    <asp:Label ID="Label6" runat="server" Text="高低压柜"></asp:Label>
                                </td>
                                <td align="center" style="font-weight: bold; height: 30px; width: 15%">
                                    &nbsp;<asp:Label ID="Label7" runat="server" Text=""></asp:Label>
                                </td>
                                <td align="center" style="width: 20%" id="tbgdyg1" runat="server">
                                    &nbsp;
                                </td>
                                <td align="center" style="width: 20%" id="tbgdyg2" runat="server">
                                    &nbsp;
                                </td>
                                <td align="center" style="width: 20%" id="tbgdyg3" runat="server">
                                    &nbsp;
                                </td>
                                <td align="center" style="width: 20%" id="tbgdyg4" runat="server">
                                    &nbsp;
                                </td>
                            </tr>
                            <tr>
                                <td align="center" style="font-weight: bold; height: 30px; width: 5%">
                                    <asp:Label ID="Label8" runat="server" Text="上游液压门"></asp:Label>
                                </td>
                                <td align="center" style="font-weight: bold; height: 30px; width: 15%">
                                    &nbsp;<asp:Label ID="Label9" runat="server" Text=""></asp:Label>
                                </td>
                                <td align="center" style="width: 20%" id="tbsyyym1" runat="server">
                                    &nbsp;
                                </td>
                                <td align="center" style="width: 20%" id="tbsyyym2" runat="server">
                                    &nbsp;
                                </td>
                                <td align="center" style="width: 20%" id="tbsyyym3" runat="server">
                                    &nbsp;
                                </td>
                                <td align="center" style="width: 20%" id="tbsyyym4" runat="server">
                                    &nbsp;
                                </td>
                            </tr>
                            <tr>
                                <td align="center" style="font-weight: bold; height: 30px; width: 5%">
                                    <asp:Label ID="Label10" runat="server" Text="下游检修门"></asp:Label>
                                </td>
                                <td align="center" style="font-weight: bold; height: 30px; width: 15%">
                                    <asp:Label ID="Label12" runat="server" Text="吊  挂"></asp:Label>
                                </td>
                                <td align="center" style="width: 20%" id="tbxyjxm1" runat="server">
                                    &nbsp;
                                </td>
                                <td align="center" style="width: 20%" id="tbxyjxm2" runat="server">
                                    &nbsp;
                                </td>
                                <td align="center" style="width: 20%" id="tbxyjxm3" runat="server">
                                    &nbsp;
                                </td>
                                <td align="center" style="width: 20%" id="tbxyjxm4" runat="server">
                                    &nbsp;
                                </td>
                            </tr>
                            <tr>
                                <td align="center" style="font-weight: bold; height: 30px; width: 5%">
                                    <asp:Label ID="Label13" runat="server" Text="拍   门"></asp:Label>
                                </td>
                                <td align="center" style="font-weight: bold; height: 30px; width: 15%">
                                    <asp:Label ID="Label14" runat="server" Text="绞座、拐臂、销"></asp:Label>
                                </td>
                                <td align="center" style="width: 20%" id="tbpm1" runat="server">
                                    &nbsp;
                                </td>
                                <td align="center" style="width: 20%" id="tbpm2" runat="server">
                                    &nbsp;
                                </td>
                                <td align="center" style="width: 20%" id="tbpm3" runat="server">
                                    &nbsp;
                                </td>
                                <td align="center" style="width: 20%" id="tbpm4" runat="server">
                                    &nbsp;
                                </td>
                            </tr>
                            <tr>
                                <td align="center" style="font-weight: bold; height: 30px; width: 5%">
                                    <asp:Label ID="Label15" runat="server" Text="10KV 站变"></asp:Label>
                                </td>
                                <td align="center" style="font-weight: bold; height: 30px; width: 15%">
                                    <asp:Label ID="Label16" runat="server" Text="声音、温度"></asp:Label>
                                </td>
                                <td align="center" style="width: 20%" id="tbzb1" runat="server">
                                    &nbsp;
                                </td>
                                <td align="center" style="width: 20%" id="tbzb2" runat="server">
                                    &nbsp;
                                </td>
                                <td align="center" style="width: 20%" id="tbzb3" runat="server">
                                    &nbsp;
                                </td>
                                <td align="center" style="width: 20%" id="tbzb4" runat="server">
                                    &nbsp;
                                </td>
                            </tr>

                      </table>

                </ItemTemplate>
          </asp:FormView>

后台cs文件中给这些td赋值：

 首先需要添加引用：

using System.Web.UI.HtmlControls;

        DM dm = new DM();
        string strSQL = "SELECT top 4 * FROM [机组运行巡视检查记录附表] WHERE 主表ID=" + int.Parse(id.ToString()) + " order by ID";
        DataSet ds = dm.getsql(strSQL);

        //获取数据集中数据个数
        int summ = ds.Tables[0].Rows.Count;
        for (int i = 1; i < summ + 1; i++)
        {

             //通过循环遍历给td单元格赋值
            ((HtmlTableCell)FormView1.FindControl("tbsj" + i.ToString())).InnerText = ds.Tables[0].Rows[i - 1]["检查时段"].ToString();
            ((HtmlTableCell)FormView1.FindControl("tbzjz" + i.ToString())).InnerText = ds.Tables[0].Rows[i-1]["主机组情况"].ToString();
            ((HtmlTableCell)FormView1.FindControl("tbgsxt" + i.ToString())).InnerText = ds.Tables[0].Rows[i-1]["供水系统情况"].ToString();
            ((HtmlTableCell)FormView1.FindControl("tbgqxt" + i.ToString())).InnerText = ds.Tables[0].Rows[i-1]["供气系统情况"].ToString();
            ((HtmlTableCell)FormView1.FindControl("tbgdyg" + i.ToString())).InnerText = ds.Tables[0].Rows[i-1]["高低压柜情况"].ToString();
            ((HtmlTableCell)FormView1.FindControl("tbsyyym" + i.ToString())).InnerText = ds.Tables[0].Rows[i-1]["上游液压门情况"].ToString();
            ((HtmlTableCell)FormView1.FindControl("tbxyjxm" + i.ToString())).InnerText = ds.Tables[0].Rows[i - 1]["下游检修门情况"].ToString();
            ((HtmlTableCell)FormView1.FindControl("tbpm" + i.ToString())).InnerText = ds.Tables[0].Rows[i - 1]["拍门情况"].ToString();
            ((HtmlTableCell)FormView1.FindControl("tbzb" + i.ToString())).InnerText = ds.Tables[0].Rows[i - 1]["站变情况"].ToString();
        }

 

 

暖枫无敌
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Ext Js权威指南(.zip.001
09-26
6.1.6　伪类选择符 / 235 6.1.7　扩展选择器 / 248 6.1.8　ext.domquery的使用方法 / 249 6.1.9　ext js选择器的总结 / 252 6.2　获取单一元素：ext.dom.element / 252 6.2.1　从错误开始 / 252 6.2.2　使用ext.get...
如何实现table动态添加
记录平时遇到的一些小问题
01-29 659
antd实现表格输入,包含弹框选择,下拉,手动输入
VUE项目中，动态绑定table表头和表中数据
Love_yl的专栏
07-08 5138
在项目开发中，经常会用到列表，如果是固定的表头和列表数据，那直接for循环就可以绑定数据了。 但是，如果表的表头和列表中的数据是动态变化的，或者表头数组中的字段和列表中的数据字段不是按安顺序一一对应的时候怎么处理？ 以下是表头和列表数据： tableHead:[ {key:"name",title:'姓名'}, {key:"sex",title:'性别'}, {key:"phone",
动态绑定数据至Html Table
weixin_34278190的博客
10-29 814
学习或是开发asp.net程序，如果你很不喜欢使用GridView，DataList或是Repeater控件去显示来自数据库的数据，你完全可以使用html的table来完成。今天Insus.NET还让你知道动态去生成table的头以及数据行。asp.net有一个控件asp:Literal，它是能呈现html的代码。 OK，现在你可以在aspx网页布局你的显示布局：   去看看.aspx.cs...
table表格数据绑定
kevin的博客
04-18 4224
table表格数据绑定 开发工具与关键技术：VS、table表格数据绑定 作者：黄桂康 撰写时间：2019.04.16 上一次我们也讲了关于表格数据绑定的有关文章，但本篇是全表格数据绑定的介绍，table表格是我们经常用到的一种表格，用来组装数据的，也就相当一个书架子，上面堆满了整齐又排序的书籍，人们想查看什么书籍的时候，肯定是要从左到右或从右到左开始找书，第一层没有，就跳到第二层书架找，一层一...
vue实现数据同步以及数据双向绑定的简单原理
老曹的博客
07-21 2483
前言 vue框架使用起来十分的方便，因为不用过多地去关注DOM的操作，大部分只需要关注视图层以及数据的变化，但是它是怎么实现数据同步以及双向绑定的呢，以下是我简单的概述，因为我也刚入门没有多久，所以写下这篇文章加深自己对vue的理解，文章若有错误，可以随时指正。 数据同步 首先看看vue是怎么实现数据同步的： 1.创建一个vue实例 2.给el属性设置一个接管范围，也就是vue实例在这个区域才有作...
动态添加dom元素，并绑定VUE事件
qq_25075279的博客
11-30 3万+
VUE动态添加dom元素并绑定事件 当我有这个需求的时候，去网上搜索了很久，都没找到通俗易懂的指导，后面还是解决了这个问题，在这里记录一下： 需求： 我需要根据数据在&amp;amp;amp;amp;amp;amp;amp;amp;lt;table&amp;amp;amp;amp;amp;amp;amp;amp;gt;中动态生成可用时间块&amp;amp;amp;amp;amp;amp;amp;amp;lt;td&amp;amp;amp;amp;amp;amp;amp;am
KesionCMS v9.5.140605 免费正式版本(utf-8).rar
07-05
系统支持动态asp，伪静态(带组件和不带组件)，全静态三种生成方式，并且可以自定义生成的Html路径，方便自己做SEO，用户可以根据网站的需求随意选择。   无处不在的SNS互动元素，让您的爱站更具交流互动性 在这...
KesionCMS v9.5.140605 免费正式版(gbk).rar
07-05
系统支持动态asp，伪静态(带组件和不带组件)，全静态三种生成方式，并且可以自定义生成的Html路径，方便自己做SEO，用户可以根据网站的需求随意选择。   无处不在的SNS互动元素，让您的爱站更具交流互动性 在这...
JTable （动态添加数据）
06-22
用 JavaBean 动态向 JTable 中添加数据，将数据信息保存到 Sql Server 数据库中，在到 JTable 中显示。
python入门到高级全栈工程师培训 第3期 附课件代码
06-07
04 Form组件之动态绑定数据 第60章 Django序列化共6课 第61章 01 上节内容回顾 02 上传文件 03 制作上传按钮 04 Form组件上传文件 05 上传相关内容梳理 06 Model操作知识提问 07 Model操作概述 08 Model字段 09 ...
用js实现动态添加表格数据
热门推荐
baidu_20876831的博客
06-12 6万+
第一种方式:&lt;!DOCTYPE HTML&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset=UTF-8&gt;&lt;title&gt;table&lt;/title&gt;&lt;style&gt;table {    margin:auto;    width: 60%;    border: 1px solid black;    border-c
element表格(table)动态绑定样式(学习篇)
skyblue_afan的博客
06-04 1116
<div class="app-container"> <el-table :data="tableData" style="width: 100%" border> <el-table-column prop="date" label="日期" align="center"> </el-table-column> <el-table-column label="姓名" align="center"> .
VUE 实现 Table的动态绑定
柳牧之的博客
11-06 1万+
模板代码 vue代码 实现效果 注意 使用vuejs来实现对table的绑定操作，代码实现本身很简单。但是在实现的过程中需要注意如下细节问题：（1）绑定时候 el-table-column 的属性中需要用**:prop** 而不是**prop** （2）绑定时候 el-table-column 的属性中需要用** :label** 而不是**label** ...
el-table 动态数据绑定
最新发布
09-07
el-table的动态数据绑定可以通过rowClassName回调函数来实现。在该回调函数中，可以修改当前行的属性值，例如row.xh。 这个属性值可以在el-table中的第一列中使用，通过prop属性来绑定到对应的列。 这样就可以实现...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值