精华内容
下载资源
问答
  • DevExpress GridControl中添加进度条控件

    千次阅读 2018-04-23 23:16:06
    本文将为大家介绍如何在DevExpress GridControl中添加进度条控件。【DXperience Universal Suite下载】首先可以使用 DevExpress GridControl 自带的进度条控件。但是我要用一个方法来设置所有的单元格进度,而不是每...

    本文将为大家介绍如何在DevExpress GridControl中添加进度条控件。

    DXperience Universal Suite下载

    首先可以使用 DevExpress GridControl 自带的进度条控件。

    DevExpress GridControl 进度条控件

    但是我要用一个方法来设置所有的单元格进度,而不是每个单元格都要设置一遍,同时我想要根据进度值不同,进度条显示不同的颜色。

    那么就要自己手动的编写代码来完成了。

    1 、绘制一个单元格进度条形状,当进度小于50%时显示为红色。

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    public void DrawProgressBar(DevExpress.XtraGrid.Views.Base.RowCellCustomDrawEventArgs e)
            {
                string s = e.CellValue as string;
                 s = s.Substring(0, e.CellValue.ToString().Length - 1);
                 decimal percent = Convert.ToDecimal(s);
                int width = (int)(100 * Math.Abs(percent /100 ) * e.Bounds.Width / 100);
                Rectangle rect = new Rectangle(e.Bounds.X, e.Bounds.Y, width, e.Bounds.Height);
                Brush b = Brushes.Green;
                if (percent < 50)
                {
                    b = Brushes.Red;
                }
                e.Graphics.FillRectangle(b, rect);
            }

    2、点击 GridView 展开触发事件

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    private void gridView1_CustomDrawCell(object sender, DevExpress.XtraGrid.Views.Base.RowCellCustomDrawEventArgs e)
            {
                if (e.Column.FieldName == "CLASSPACE")
                {
                    DrawProgressBar(e);
     
                    e.Handled = true;
     
                    DrawEditor(e);
                }
            }

    3、上面两段代码其实效果已经出来了,只不过有一些瑕疵,单元格只显示数值,而不显示进度条(当点击单元格时数值会消失),那么需要我们再来手动的编写一段代码用来处理当单元格触发时一些操作。

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    private void DrawEditor(DevExpress.XtraGrid.Views.Base.RowCellCustomDrawEventArgs e)
            {
                GridCellInfo cell = e.Cell as GridCellInfo;
                Point offset = cell.CellValueRect.Location;
                BaseEditPainter pb = cell.ViewInfo.Painter as BaseEditPainter;
                AppearanceObject style = cell.ViewInfo.PaintAppearance;
                if (!offset.IsEmpty)
                    cell.ViewInfo.Offset(offset.X, offset.Y);
                try
                {
                    pb.Draw(new ControlGraphicsInfoArgs(cell.ViewInfo, e.Cache, cell.Bounds));
                }
                finally
                {
                    if(!offset.IsEmpty)
                    {
                        cell.ViewInfo.Offset(-offset.X, -offset.Y);
                    }
                }
            }

    同时将单元格设置为不可编辑状态。

    附最后显示效果 :

    DevExpress GridControl 进度条控件
    展开全文
  • 第一部分 界面设计

    2013-10-22 23:10:34
    实例033 如何在状态栏上加载进度条 实例034 如何在编辑框内显示图像 实例035 如何在列表框中增加水平滚动条 实例036 如何在列表框中同时显示图像和文字 实例037 如何设置属性表组件标签图像 实例038 如何控制...
  • 实例033 如何在状态栏上加载进度条 实例034 如何在编辑框内显示图像 实例035 如何在列表框中增加水平滚动条 实例036 如何在列表框中同时显示图像和文字 实例037 如何设置属性表组件标签图像 实例038 如何控制...
  • 实例033 如何在状态栏上加载进度条 实例034 如何在编辑框内显示图像 实例035 如何在列表框中增加水平滚动条 实例036 如何在列表框中同时显示图像和文字 实例037 如何设置属性表组件标签图像 实例038 如何控制...
  • 161.如何在状态栏窗格中加载进度条 162.如何在状态栏窗格中加载图像 163.如何在状态栏窗格中播放视频动画 第5章 光标和图标的应用 164.如何获取系统默认的光标大小 165.如何装入操作系统预置的光标 166.如何设置...
  • 如何在状态栏窗格中加载进度条  162.如何在状态栏窗格中加载图像  163.如何在状态栏窗格中播放视频动画  第5章光标和图标的应用  164.如何获取系统默认的光标大小  165.如何装入操作系统预置的...
  • C#开发经验技巧宝典

    2008-10-14 20:07:26
    0264 如何在关闭窗体前显示确认对话框 150 0265 如何去掉窗体的标题栏 151 0266 如何禁止在任务栏中显示窗体标题 152 0267 如何禁止缩放窗体的边框 152 0268 如何设置窗体标题栏文字右对齐 152 0269 如何...
  • 场景描述:报表应用中,我们可以利用图形化显示数据(进度条/等级)来显示评分等功能效果,但是报表实际应用中,如何实现动态星星评分效果呢? 特别是填报应用中,为了与前端展现的效果一致,有些需求下可能会...

    1. 描述

    场景描述:在报表应用中,我们可以利用图形化显示数据(进度条/等级)来显示评分等功能效果,但是在报表实际应用中,如何实现动态星星评分效果呢?

    特别是在填报应用中,为了与前端展现的效果一致,有些需求下可能会需要用到这种效果,将最终的评分提交入库,如下图:

    2. 思路

    在FineReport应用中,我们可以灵活利用报表页面的表格、行列、单元格之间的关系,接合jquery对象鼠标移动、滑出、点击等绑定事件,非常轻松就可实现这种效果。

    3. 操作步骤

    3.1 准备图片

    首先我们需要准备评分时的星星图片,选中和未选中的,如下图:

    选中时

    未选中时

    分别命名为on.png和off.png,放置在报表安装的 %FR_HOME%\webapps\webroot\help\picture目录下。

    注意:图片可以点击右键下载。

    3.2 新建模板 

    新建工作簿,模板样式如下,单元格均设置居中对齐即可,其中B2-F2为评分区,G2显示分值

     

    注:在填报中,如果需要提交最后的评分,对应的分数字段指向此单元格即可。

    3.3 修改评分区单元格样式及形态

    1)为了让单元格初始化时显示没评分状态,我们为单元格添加背景图片,即off.png,如下图:

    2)这样会使报表展示时有数字,我们需要不显示数字。选中B2-F2单元格,选择右侧单元格属性表-形态,设置单元格形态,公式="",如下图:

    3.4 填报页面设置

    点击模板>模板web属性>填报页面设置,为模板添加加载结束事件,如下图:


     

    代码如下:

    $("td[row=1]").mouseover(function(){
    	//鼠标经过单元格,行号从0开始,因为评分在第2行,所以用row=1
    	var $td=$(this);
    	var col=parseInt($td.attr('col'));
    	if(col>0&&col<6){
    		//从第2列到第6列,对应的col为1-5
    		for(var i=1;i<=col;i++){
    		$("td[row=1][col="+i+"]").css('background',"url(/webroot/help/picture/on.png) no-repeat 50% 50%");
    		};		
    		//在此单元格之前的星星为选中状态
    		for(var i=col+1;i<6;i++){
    		$("td[row=1][col="+i+"]").css('background',"url(/webroot/help/picture/off.png) no-repeat 50% 50%");
    		};			
    		//在此单元格之后的星星为未选中状态
    	}
    }).mouseout(function(){
    	//鼠标移出单元格
    	var $td=$(this);
    	var col=parseInt($td.attr('col'));
    	if(col>0&&col<6){
    	    for(var i=1;i<6;i++){
    		$("td[row=1][col="+i+"]").css('background',"url(/webroot/help/picture/off.png) no-repeat 50% 50%");
    		};			
    		//初始化所有单元格为未选中状态
    	var score=contentPane.curLGP.getCellValue('G2')*1;
    	if(score>=1){
    		for(var i=1;i<=score;i++){
    		   $("td[row=1][col="+i+"]").css('background',"url(/webroot/help/picture/on.png) no-repeat 50% 50%");
    		};
    		//如果上次评分了,那么设置评分的星星为选中状态
    	}
    	}
    }).click(function(){
    	//鼠标点击单元格,即选中星星时
    	var $td=$(this);
    	var col=parseInt($td.attr('col'));
    	if(col>0&&col<6){
    	var score=parseInt($td.attr('cv'));
    	contentPane.setCellValue('G2',null,score);
    	}
    	//点击选中星星,给G2单元格设置值
    })

    4. 预览效果

    保存模板,选择填报预览,效果如上图。

    注:经过测试,手机端和h5不支持该效果。

     

    5. 已完成模板

     

    模板效果在线查看请点击:JS实现填报中的动态星星评分效果.cpt

    已完成的模板,可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\填报预览JS实例\05-JS实现填报中的动态星星评分效果.cpt

    点击下载模板

     

    展开全文
  • 鼠标所在当前行选中设置为高亮,使得表格里的内容(内容较多时只能看到部分)可以显示全,但这里如何在表格上获得鼠标滑过事件我就不知道如何做到了,后面高亮显示对于我也是一个难题,当一行表格的多个单元格都有...

    其实我不是来发表博文的,只是求助,学编程也才几个月。近期在做两个界面:

    1、满足鼠标滑过表格wxGrid时,鼠标所在当前行选中设置为高亮,使得表格里的内容(内容较多时只能看到部分)可以显示全,但这里如何在表格上获得鼠标滑过事件我就不知道如何做到了,后面高亮显示对于我也是一个难题,当一行表格的多个单元格都有内容时,这个应该还是不能显示全;

    2、将TextCtrl做成类似进度条的效果,可以正常输入,通过接受到的数据将背景色(或者还有其他较好的方法)设置为不同,我还没找到函数或方法可以对这个控件进行分区来显示不同的背景色的,效果大概如下图。

    希望有这方面的高手看到给我提供思路,万分感激。

    展开全文
  • C#编程经验技巧宝典

    热门讨论 2008-06-01 08:59:33
    112 <br>0188 如何在ASP.NET中显示当前IE浏览器头信息 113 <br>5.6 其他应用技巧 114 <br>0189 如何判断年份是否为闰年 114 <br>0190 如何根据年份判断十二生肖 114 <br>0191 如何根据IP...
  • VBA常用技巧

    2013-03-25 21:10:12
    12-1在单元格中建立数据有效性37 12-2判断单元格是否存在数据有效性39 12-3动态的数据有效性39 12-4自动展开数据有效性下拉列表41 技巧13单元格中的公式42 13-1在单元格中写入公式42 13-2检查单元格是否含有公式43 ...
  • VBA编程技巧大全

    2013-08-05 09:03:19
    12-1 在单元格中建立数据有效性 39 12-2 判断单元格是否存在数据有效性 41 12-3 动态的数据有效性 41 12-4 自动展开数据有效性下拉列表 43 技巧13 单元格中的公式 44 13-1 在单元格中写入公式 44 13-2 检查单元格...
  • wxPython学习手册

    热门讨论 2014-04-19 08:01:58
    9.1.5 如何显示进度条? 262 9.2 使用标准对话框 264 9.2.1 如何使用文件选择对话框? 264 选择一个文件 266 选择一个目录 267 9 / 565 9.2.2 如何使用字体选择对话框? 269 9.2.3 如何使用颜色对话框? 271 9.2.4 ...
  • 0293 如何在程序运行时展开根节点 149 0294 动态编辑树控件的节点 149 0295 带复选功能的树控件 150 0296 使用树控件显示磁盘目录 151 0297 向TXT文件中保存并提取树控件中数据 152 0298 具有背景的树形...
  • delphi 开发经验技巧宝典源码

    热门讨论 2010-08-12 16:47:23
    0125 如何在指定的位置显示信息框 82 0126 使用ShowException函数显示一个异常信息 82 4.7 异常处理函数 83 0127 将错误编号转换为错误信息字符串 83 0128 使用ExceptAddr函数获得异常被抛出的地址 83 ...
  • 0125 如何在指定的位置显示信息框 82 0126 使用ShowException函数显示一个异常信息 82 4.7 异常处理函数 83 0127 将错误编号转换为错误信息字符串 83 0128 使用ExceptAddr函数获得异常被抛出的地址 83 ...
  • 0125 如何在指定的位置显示信息框 82 0126 使用ShowException函数显示一个异常信息 82 4.7 异常处理函数 83 0127 将错误编号转换为错误信息字符串 83 0128 使用ExceptAddr函数获得异常被抛出的地址 83 ...
  • 0125 如何在指定的位置显示信息框 82 0126 使用ShowException函数显示一个异常信息 82 4.7 异常处理函数 83 0127 将错误编号转换为错误信息字符串 83 0128 使用ExceptAddr函数获得异常被抛出的地址 83 ...
  • 0125 如何在指定的位置显示信息框 82 0126 使用ShowException函数显示一个异常信息 82 4.7 异常处理函数 83 0127 将错误编号转换为错误信息字符串 83 0128 使用ExceptAddr函数获得异常被抛出的地址 83 ...
  • 0125 如何在指定的位置显示信息框 82 0126 使用ShowException函数显示一个异常信息 82 4.7 异常处理函数 83 0127 将错误编号转换为错误信息字符串 83 0128 使用ExceptAddr函数获得异常被抛出的地址 83 ...
  • 问题31 如何使窗口最大化、最小化、置顶和居中,如何在窗口中更换图标 312 问题32 怎样利用Uitable对象在列名、行名或单元格中输入上下标和希腊字母 313 问题33 如何更改菜单项的字体大小,如何设置菜单项的字体...
  • 如何VisualC#.NET中建立一个平滑的进度条.txt 如何得到网卡号.txt 如何调用WindowsAPI的要点.txt 如何控制输入法.txt 如何利用GDI作图解决异或问题.txt 如何取硬件标志.txt 如何让应用程序只有一个实例...
  • 如何VisualC#.NET中建立一个平滑的进度条.txt 如何得到网卡号.txt 如何调用WindowsAPI的要点.txt 如何控制输入法.txt 如何利用GDI作图解决异或问题.txt 如何取硬件标志.txt 如何让应用程序只有一个实例...
  • 《C#开发实例大全(基础卷)》筛选、汇集了C#开发从基础知识到高级应用各个层面约600个实例及源代码,每个实例...实例230 ComboBox下拉列表中显示图片 304 实例231 用ComboBox控件制作浏览器 网址输入框 305 实例232...
  • 实例133 如何在图片上平滑移动文字 170 3.7 图像动画 172 实例134 动画背景窗体 172 实例135 随鼠标移动的图像 173 实例136 十字光标定位 175 实例137 抓取鼠标形状 176 3.8 图像识别 177 实例...
  • 实例133 如何在图片上平滑移动文字 170 3.7 图像动画 172 实例134 动画背景窗体 172 实例135 随鼠标移动的图像 173 实例136 十字光标定位 175 实例137 抓取鼠标形状 176 3.8 图像识别 177 实例...
  • Delphi7应用编程150例

    2018-04-05 15:23:33
    实例18 让程序状态栏上显示 49 实例19 改变菜单中的字体 53 .实例20 设计字形窗体 55 实例21 透明图像效果的窗体 59 第2章 图形图像处理实例 63 实例22 图像的特效显示 64 实例23 设置窗体的平铺背景 67 实例24 ...
  • 实例012 Tomcat下如何手动部署Web应用 实例013 Tomcat如何制定主机访问 实例014 Tomcat如何添加管理员 实例015 Tomcat常用的优化技巧 1.3 Linux系统配置JDK与Tomcat服务器 实例016 Linux系统下安装配置JDK...

空空如也

空空如也

1 2 3 4 5
收藏数 82
精华内容 32
关键字:

如何在单元格显示进度条