AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

table伪动态数据绑定

2010-09-08 553
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 要实现如下图的效果                    前台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();
        }

 

 

文章标签：
.NET
暖枫无敌
目录
相关文章
龙大吉
|
10月前
|
缓存 JavaScript
解释 Vue 的计算属性和监视属性的区别。
解释 Vue 的计算属性和监视属性的区别。
龙大吉
88 6
java冯坚持
|
5月前
|
JavaScript 前端开发
VUE学习三：双向绑定指令(v-mode)、组件化开发(全局组件/局部组卷/组件通信)、组件化高级(slot插槽使用)
这篇文章是关于Vue.js框架中的v-model指令和组件化开发的详细教程，涵盖了从基础使用到高级功能的多个方面。
java冯坚持
50 1
你挚爱的强哥
|
10月前
|
JavaScript
【讲人话】Angular如何通过@ViewChildren获取实时渲染的动态DOM节点元素（@ViewChild只能获取静态的固定DOM节点）
【讲人话】Angular如何通过@ViewChildren获取实时渲染的动态DOM节点元素（@ViewChild只能获取静态的固定DOM节点）
你挚爱的强哥
127 0
祈澈菇凉
ECharts分段型视觉映射组件的属性修改
ECharts分段型视觉映射组件的属性修改
祈澈菇凉
75 0
阿甘兄
26EasyUI 数据网格- 动态改变列
26EasyUI 数据网格- 动态改变列
阿甘兄
59 0
云小君
|
缓存 监控 JavaScript
Vue的插值、指令、过滤器、计算属性及监听属性，包涵所有基础技术
Vue的插值、指令、过滤器、计算属性及监听属性，包涵所有基础技术
云小君
93 0
TE-茶叶蛋
动态合并行和列(element-ui)
动态合并行和列(element-ui)
TE-茶叶蛋
181 0
RedEric
|
JavaScript
解决uniapp分段器参数改变不渲染，适用所有组件
解决uniapp分段器参数改变不渲染，适用所有组件
RedEric
640 0
前端歌谣
|
前端开发
【React工作记录三十八】对象的属性和值转换
【React工作记录三十八】对象的属性和值转换
前端歌谣
99 0
游客6w5iiviqxobva
|
JavaScript
树形组件（可动态添加属性、无限嵌套）及递归展示tree数据
树形组件（可动态添加属性、无限嵌套）及递归展示tree数据
游客6w5iiviqxobva
313 0
树形组件（可动态添加属性、无限嵌套）及递归展示tree数据

热门文章

最新文章

  • 1
    阿里云SSL证书价格从免费到收费详细收费价格表
  • 2
    物联网平台场景体验小记
  • 3
    【转载】ZOL天下IT:摩卡北塔抄袭门（243期）
  • 4
    js时钟（秒）
  • 5
    Android -- MeasureSpec
  • 6
    Struts2.5使用通配符的方式实现动态方法调用报错
  • 7
    poj 2562 Primary Arithmetic
  • 8
    HTML5网站大观：15个精美的 HTML5 单页网站作品欣赏
  • 9
    网站性能优化之应用程序缓存-初篇
  • 10
    [IDA] 分析for循环的汇编代码
  • 1
    如何精准做到合同到期后不再发生业务？还是邻家系统做得真好！
    12
  • 2
    清华大学104页PPT《DeepSeek从入门到精通》分享
    43
  • 3
    【01】Cocos游戏开发引擎从0开发一款游戏-cocos环境搭建以及配置-Cocos Creator软件系统下载安装-node环境-优雅草卓伊凡
    15
  • 4
    对话｜企业如何构建更完善的容器供应链安全防护体系
    17
  • 5
    Redis应用—1.在用户数据里的应用
    13
  • 6
    云数据库实战：基于阿里云RDS的Python应用开发与优化
    15
  • 7
    云数据库：从零到一，构建高可用MySQL集群
    11
  • 8
    2025年阿里云用户安全体检通知：免费权益，一键开启
    17
  • 9
    基于MPPT最大功率跟踪的离网光伏发电系统Simulink建模与仿真
    10
  • 10
    DeepSeek 满血版在 IDEA 中怎么用？手把手教程来了
    19

    • 相关电子书

    更多
  • 低代码开发师（初级）实战教程
  • 冬季实战营第三期：MySQL数据库进阶实战
  • 阿里巴巴DevOps 最佳实践手册
    • 下一篇
    通义万相：视觉生成大模型再进化