table伪动态数据绑定

简介: 要实现如下图的效果                    前台FormView控件的项模板用table来简单布局下:                                ...

要实现如下图的效果

                   

 

前台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();
        }

 

 

相关文章
|
13天前
|
存储 弹性计算 人工智能
【2025云栖精华内容】 打造持续领先,全球覆盖的澎湃算力底座——通用计算产品发布与行业实践专场回顾
2025年9月24日,阿里云弹性计算团队多位产品、技术专家及服务器团队技术专家共同在【2025云栖大会】现场带来了《通用计算产品发布与行业实践》的专场论坛,本论坛聚焦弹性计算多款通用算力产品发布。同时,ECS云服务器安全能力、资源售卖模式、计算AI助手等用户体验关键环节也宣布升级,让用云更简单、更智能。海尔三翼鸟云服务负责人刘建锋先生作为特邀嘉宾,莅临现场分享了关于阿里云ECS g9i推动AIoT平台的场景落地实践。
【2025云栖精华内容】 打造持续领先,全球覆盖的澎湃算力底座——通用计算产品发布与行业实践专场回顾
|
5天前
|
云安全 人工智能 安全
Dify平台集成阿里云AI安全护栏,构建AI Runtime安全防线
阿里云 AI 安全护栏加入Dify平台,打造可信赖的 AI
|
12天前
|
人工智能 自然语言处理 自动驾驶
关于举办首届全国大学生“启真问智”人工智能模型&智能体大赛决赛的通知
关于举办首届全国大学生“启真问智”人工智能模型&智能体大赛决赛的通知
|
8天前
|
人工智能 运维 Java
Spring AI Alibaba Admin 开源!以数据为中心的 Agent 开发平台
Spring AI Alibaba Admin 正式发布!一站式实现 Prompt 管理、动态热更新、评测集构建、自动化评估与全链路可观测,助力企业高效构建可信赖的 AI Agent 应用。开源共建,现已上线!
768 23
|
7天前
|
人工智能 Java Nacos
基于 Spring AI Alibaba + Nacos 的分布式 Multi-Agent 构建指南
本文将针对 Spring AI Alibaba + Nacos 的分布式多智能体构建方案展开介绍,同时结合 Demo 说明快速开发方法与实际效果。
495 37
|
7天前
|
机器学习/深度学习 人工智能 搜索推荐
万字长文深度解析最新Deep Research技术:前沿架构、核心技术与未来展望
近期发生了什么自 2025 年 2 月 OpenAI 正式发布Deep Research以来,深度研究/深度搜索(Deep Research / Deep Search)正在成为信息检索与知识工作的全新范式:系统以多步推理驱动大规模联网检索、跨源证据。
476 41
|
1天前
|
文字识别 监控 物联网
这是我写的实施一地两检的跨境高铁站旅客资料预报系统的系统架构
本文设计了一套基于IAPIS理念的高铁跨境旅客预报与边检联动系统,覆盖青青草原内地与喜羊羊特别行政区间“一地两检”场景。系统在旅客购票后即采集证件、生物特征及行程信息,通过Advance Passenger Info Checker等模块,向出发地和目的地移民管理机构实时推送数据,实现出入境许可预审。支持线上/线下购票、检票、退票全流程管控,结合面部识别、行为追踪技术监控旅客状态,防止滞留或非法通行。列车发车前进行最终核验,确保所有跨境旅客获边检许可。若旅行被中途取消,系统自动改签、退票并通知各方,保障安全与效率。(239字)