DevExpress:带计算器功能的文本框CalcEdit

本文为我的.NET控件库DevExpress使用笔记,我的DevExpress版本为13.1

1、控件类型全称:DevExpress.XtraEditors.CalcEdit

2、控件所在程序集:DevExpress.XtraEditors.v13.1.dll

3、工具箱内分类:DX.13.1: Common Controls

4、控件样式截图

5、CalcEdit控件是一个用于显示数字的文本框,文本框的内容,可以通过点击右侧按钮弹出的计算器计算得出

6、CalcEdit的功能与Windows提供的计算机程序calc.exe中的“标准型”计算器非常类似,与calc.exe相比只是少了M-按钮的功能

7、下图为CalcEdit控件的计算器面板

以下是部分按键的功能

Back:有的计算器上的按钮图案为“←”,功能为撤销上一次操作

CE:(Clear Enter)在数字输入期间按下此键,将清除输入寄存器中的值并显示"0",可重新输入

C:(Clear)清除全部数据结果和运算符

MC:(Memory Clear)清除存储器内保存的数据

MR:(Memory Read)读取存储器内保存的数据

MS:(Memory Save)将所显示的数存入存储器中,存储器中原有的数据被覆盖

M+:将输入的数加上存储器中的数,所得结果存入存储器

sqrt:(Square Root)将当前输入的数字开方

1/x:将当前输入的数字取倒数

8、在属性管理器中,找到Properties分类下的Mask,可以进入DevExpress的“Mask Editor”工具,编辑计算器的Mask。这里的Mask是一种格式化数字的规则。下图是一张“Mask Editor”的截图:

MaskType选择Numeric,“Edit Mask”文本框中,输入要约束CalcEdit文本框格式化的Mask,下面的“Predefined mask”列表中提供了一些DevExpress预设好的Mask,最下侧的“Test input”中可以输入测试数据,这个文本框会受到“Edit Mask”文本框中设定的Mask格式化。

六个最基本的Mask如下:

  • Currency:金额,精确到小数点后两位,有千位符,Mask为“c”
  • Decimal:整数,无千位符,Mask为“d”
  • Fixed-point:小数,精确到小数点后两位,无千位符,Mask为“f”
  • Number:小数,精确到小数点后两位,有千位符,Mask为“n”
  • Percent(mode 1):百分数,表示成带百分号形式,有千位符,EditValue为原数乘以100后的整数(如Text显示为12%,则EditValue为12),Mask为“P”
  • Percent(mode 2):百分数,表示成小数形式,有千位符,EditValue为小数(如Text显示为12%,则EditValue为0.12),Mask为“p”

END

时间: 2024-10-15 15:07:19

DevExpress:带计算器功能的文本框CalcEdit的相关文章

unity3d v5.1.1 ugui 带垂直滚动条的文本框

http://www.cnblogs.com/zhaoqingqing/p/3973167.html?utm_source=tuicool http://blog.csdn.net/rcfalcon/article/details/43459387 看了这两篇帖子,还是他妈的不知道怎么做,但第一个帖子的作法我已经实现了帖子内容,第二个帖子完全实现不了,于是把第一帖和第二帖的内容结合起来搞定了,我就操了,一个带垂直滚动条的文本框都这么难做,能不能提供现成的? 一.在Canvas新建一个Panel,

微信自带浏览器被输入法阻挡文本框的 jQuery 解决方法 by FungLeo

微信自带浏览器被输入法阻挡文本框的 jQuery 解决方法 by FungLeo 前言 做好了项目之后,在各种浏览器里面测试,都没有问题.很高兴,交付后端使用.然而发现在微信自带浏览器里面,却是出现了问题. 我的页面是一堆文本框,需要用户输入,当页面比较长的时候,在下面的文本框会被输入法给挡住-我勒个去. 写了一段JS脚本,测试了一下,发现,在正常的浏览器当中,当调出输入法的时候,视窗的高度,会减少,以适应输入法占据的屏幕空间.在QQ自带的浏览器里面,也是完全正常的.只有在微信里面,存在这个问题

【WebForm】编程点滴:由文本框回车触发按钮点击事件想到的

在WebFomr中我们常常会需要实现这样一个功能:文本框回车时触发触发其他按钮的click事件.在JS中我们常常这样做: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

[js开源组件开发]js文本框计数组件

js文本框计数组件 先上效果图: 样式可以自行调整 ,它的功能提供文本框的实时计数,并作出对应的操作,比如现在超出了,点击下面的按钮后,文本框会闪动两下,阻止提交.具体例子可以点击demo:http://www.lovewebgames.com/jsmodule/word-count.html,它的源文件托管在github上:https://github.com/tianxiangbing/word-count 使用方法案例: <div class="txt-count-container

轻量级web富文本框——wangEditor使用手册(2)——扩展一个“缩进”功能

1. 引言 上一节<轻量级web富文本框——wangEditor使用手册(1)——基本应用>中我们讲解了如何应用wangEditor创建最基本的富文本编辑器,本节继续讲如何扩展一个简单的按钮.本节是继续上一节的内容来的,所使用的代码也是接着上一节的来的,错过的朋友请先看上一节,再看本节. 下载地址:https://github.com/wangfupeng1988/wangEditor demo演示:http://www.cnblogs.com/wangfupeng1988/p/4185508

取消谷歌 Chrome 文本框(域)外边框高亮和缩放功能的办法

首先一下是摘抄别的博友的,我遇到过这问题才找的,希望也能为其他的博友解决这问题. 浏览器一直以来挺喜欢用谷歌的Chrome,界面简洁,体积小,速度快.因为苹果Safari也是使用Webkit内核,因此他们有着类似的样式体现. 虽然有诸多优点,但也有好心办坏事的时候,比如对文本域.文本框的处理,首先对于文本域右下角会多出一个手动缩放尺寸的功能,然后会自动加上黄色的高亮边框显示,这种“人性化”处理,一般情况下是很不错的,但是对于前端开发来讲,有时候反而成了问题,比如你想精准控制文本框文本域的外观样式

Android开发系列(二十):AutoCompleteTextView(自己主动完毕文本框)的功能和使用方法

当用户输入一定的字符之后,自己主动完毕文本框可以显示一个下拉菜单,供用户从中选择,当用户选择某个菜单项之后,AutoCompleteTextView可以依照用户的选择自己主动填写该文本框 AutoCompleteTextView是从EditText派生而出,比普通编辑框多了一个功能:输入一定字符后,自己主动完毕文本. 下边我们看下它的属性: android:completionHint:设置下拉菜单中的提示标题 android:completionHintView:设置下拉菜单中提示标题的视图

Android开发系列(二十):AutoCompleteTextView(自动完成文本框)的功能和用法

当用户输入一定的字符之后,自动完成文本框能够显示一个下拉菜单,供用户从中选择,当用户选择某个菜单项之后,AutoCompleteTextView可以按照用户的选择自动填写该文本框 AutoCompleteTextView是从EditText派生而出,比普通编辑框多了一个功能:输入一定字符后,自动完成文本. 下边我们看下它的属性: android:completionHint:设置下拉菜单中的提示标题 android:completionHintView:设置下拉菜单中提示标题的视图 androi

JS控制文本框中的密码显示/隐藏功能

<html> <head> <title>[荐]JS控制文本框中的密码显示/隐藏功能_网页代码站(www.6a8a.com)</title> <style> body,input{font:menu} </style> </head> <body> <form method="POST" action="addcheck.asp" name="forms&