FineUI 官方论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

本论坛已关闭(禁止注册、发帖和回复)
请移步 三石和他的朋友们

FineUI首页 WebForms - MVC & Core - JavaScript 常见问题 - QQ群 - 十周年征文活动

FineUI(开源版) 下载源代码 - 下载空项目 - 获取ExtJS - 文档 在线示例 - 版本更新 - 捐赠作者 - 教程

升级到 ASP.NET Core 3.1,快、快、快! 全新ASP.NET Core,比WebForms还简单! 欢迎加入【三石和他的朋友们】(基础版下载)

搜索
查看: 15445|回复: 13
打印 上一主题 下一主题

终于可以在grid中添加进度条了,分享一下

[复制链接]
跳转到指定楼层
楼主
发表于 2013-7-3 15:54:05 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
非常感谢三石开发这套UI,学习了一个星期,没学习过web编程也能迅速上手,之前一直想在grid中使用进度条,看了很多在线示例,终于找到方法,给大家分享一下
高手勿喷,我是新手,所以给菜鸟分享的
在gird列段中增加使用TemplateField即可
<x:TemplateField HeaderText="完成情况" Width="110px" >
<ItemTemplate>
<div style=" width:100px; border-width:1px;border-style:solid;border-color:#999999;height:10px"><div style="width:<%# Eval("complete") %>px; height:10px; background:#0000CC"></div></div>
</ItemTemplate>
</x:TemplateField>
<%# Eval("complete") %这句代码是获取complete字段的数值,根据自己的数据库进行修改。
我是使用了两个div进行处理的,如果你要将进度条改成其他颜色自己修改style属性,当然,也可以自己写个函数,比如完成50%以下是红色,50%以上为绿色等,自己扩展,很简单的喔。
其实,看懂在线示例基本没多大问题了,大家多交流。
沙发
发表于 2013-7-3 17:14:15 | 只看该作者
直接上例子吧
板凳
发表于 2013-7-17 08:29:18 | 只看该作者
众人拾柴火焰高啊。
5#
发表于 2013-9-7 10:48:46 | 只看该作者
已经试用,很好用,谢谢分享
7#
发表于 2013-9-25 21:03:10 | 只看该作者
{:soso_e179:}
8#
发表于 2013-11-8 15:13:32 | 只看该作者
不错,收藏先,留待后用,感谢分享
9#
发表于 2014-1-10 15:20:30 | 只看该作者
mark一下先~
10#
发表于 2014-1-14 16:27:21 | 只看该作者
我觉得我有必要做个记号先
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|FineUI 官方论坛 ( 皖ICP备2021006167号-1 )

GMT+8, 2024-4-27 21:48 , Processed in 0.050494 second(s), 17 queries , Gzip On.

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表