使用GridView显示进度图片和进度文字的例子

来源:未知 责任编辑:责任编辑 发表时间:2014-01-20 07:53 点击:

本文主要实例采用CSS将文字显示在图片上的技术。直接复制下面的代码,粘贴成测试文件,直接浏览器即可。

ASPX 代码
<%@ Page Language="C#" EnableViewState="false" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
  protected void Page_Load(object sender, EventArgs e)
  {
    if (!Page.IsPostBack)
    {
      System.Data.DataTable dt = new System.Data.DataTable();
      System.Data.DataRow dr;
     
      //测试用显示字段
      dt.Columns.Add(new System.Data.DataColumn("1月", typeof(System.String)));
      dt.Columns.Add(new System.Data.DataColumn("2月", typeof(System.String)));
      dt.Columns.Add(new System.Data.DataColumn("3月", typeof(System.String)));
      //测试用进度数据
      String[] x = { "10%", "20%", "50%", "80%", "90%", "100%" };
      Random r = new Random();
      for (int i = 0; i < 8; i++)
      {
        dr = dt.NewRow();
        dr[0] = x[r.Next(0, x.Length)];
        dr[1] = x[r.Next(0, x.Length)];
        dr[2] = x[r.Next(0, x.Length)];
        dt.Rows.Add(dr);
      }
      GridView1.DataSource = dt;
      GridView1.DataBind();
    }
  }
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>使用 GridView 显示进度图片和进度文字的例子</title>
</head>
<body>
  <form id="form1" runat="server">
  <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false">
    <Columns>
      <asp:TemplateField HeaderText="1月">
        <ItemTemplate>
        <div style="position: relative; width: 200px;"><img alt="" src="http://www.2cto.com/uploadfile/2012/0406/20120406090706259.jpg" width="<%#Eval("1月") %>" height="20" /><br />

发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码:点击我更换图片
最新评论 更多>>

推荐热点

  • 浅析.NET下XML数据访问新机制
  • asp.net 面试+笔试题目第1/2页
  • C# 邮件地址是否合法的验证
  • asp.net 设置GridView的选中行的实现代码
  • C#高级编程:数据库连接[1]
  • 经典C++程序1
  • IIS 自动回收导致后台定时器失效的问题解决
  • ASP.NET&#160;GridView列表代码示例
  • Asp.net MVC源码分析--Action Filter的链式调用
网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
Copyright © 2008-2015 计算机技术学习交流网. 版权所有

豫ICP备11007008号-1