首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在extjs NumberFiled中显示逗号或thousandSeparator?

在extjs的NumberField中显示逗号或千位分隔符,可以通过配置NumberField的format属性来实现。format属性可以接受一个格式化字符串,用于指定数字的显示格式。

要在NumberField中显示逗号或千位分隔符,可以使用以下格式化字符串:

代码语言:txt
复制
format: '0,000'

这个格式化字符串中的逗号表示千位分隔符,0表示数字占位符。通过将这个格式化字符串配置给NumberField的format属性,就可以在输入框中正确显示逗号或千位分隔符。

以下是一个示例代码:

代码语言:javascript
复制
Ext.create('Ext.form.Panel', {
    title: 'Number Field Example',
    width: 200,
    bodyPadding: 10,
    renderTo: Ext.getBody(),
    items: [{
        xtype: 'numberfield',
        fieldLabel: 'Number',
        name: 'number',
        format: '0,000', // 设置格式化字符串
        value: 10000 // 设置初始值
    }]
});

在这个示例中,创建了一个NumberField,并将format属性设置为'0,000',这样输入框中输入的数字就会以逗号分隔的形式显示。

推荐的腾讯云相关产品:腾讯云云服务器(CVM),产品介绍链接地址:https://cloud.tencent.com/product/cvm

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

web的树形结构【小结】

在实现的过程,因为我们的整个项目是基于Ext js实现的,所以首先考虑的是用Ext js的Tree来实现,但是在后来做的过程中发现,由于IE在处理异步并发方面有点问题,导致显示出来的树形结构要么就是完全显示不出来...4、exmaples:提供使用 ExtJs技术做出的小实例。 5、resources:Ext UI资源文件目录, CSS、图片文件都存放在这里面。...应用 extjs需要在页面引入 extjs的样式及 extjs库文件,样式文件为resources/css/ext-all.css,extjs的 js库文件主要包含两个,adapter/ext/ext-base.js...接下来在标签引用将上面的树形结构显示出来!...只是上面的结果在IE无法显示出来,这里就涉及到了异步并发以及浏览器的处理能力。

3.4K20

EXT窗口

Alert提示框 Ext的对话框都封装在Ext.MessageBox类,该类还有一个简写形式即Ext.Msg,可以直接通过Ext.MessageBoxExt.Msg来直接调用相应的对话框方法来显示Ext...confirm 除了alert以外,Ext还包含confirm、prompt、progress、wait等对话框,另外我们可以根据需要显示自下定义的对 话框。...的方法签名为confirm ( String title, String msg, [Function fn], [Object scope] ) ,参数title表示对话框的标题,参数msg表示对话框的提示信息...我们可以在回调函数通过button参数来判断用户作了什么什么选择,可以通过text来读取在对话框输入的内容 演示 <meta http-equiv...本文由来源 21aspnet,由 javajgs_com 整理编辑,其版权均为 21aspnet 所有,文章内容系作者个人观点,不代表 Java架构师必看 对观点赞同支持。

1.5K20

ExtJs+WCF+LINQ实现分页Grid

上篇文章《用ExtJs+Linq+Wcf打造简单grid 》,这个网格控件不带分页,本文在上文的基础上添加分页功能,文中会着重介绍如何在用LINQ返回分页数据,如何使ExtJs与WCF进行Restful...交互,如何在页面添加一个带有分页功能的ExtJS的Grid控件。...第一步:在vs2008创建一个支持.Net Framework 3.5,名称为:ExtJs_Wcf_Linq_PageGrid的Asp.Net网站, ?...、 拖动成功之后,便有vs2008的IDE自动生成了有关Product的实体类和linq操作数据表Product的操作类:ProductsDataContext,在可视化界面也能有如下的显示: ?...在后台代码设计一个WCF服务操作,用于与ExtJS交互: public PageData GetProductsByPage(int start,int limit) 具体代码为

1.9K70

TypeScript 强类型 JavaScript – Rafy Web 框架选型

一是因为我要做的是 SinglePageApplication 的 Web 界面框架,而 ExtJs 4 带了大量的界面控件,非常方便使用;其次,ExtJs 4 提供了客户端的实体模型,这可以与 Rafy...虽说 prototype.js 等其它框架也或多或少地支持了部分的面向对象设计,但是 ExtJs4 的类型系统,无疑是支持得最全面的:命名空间、封装、继承、接口、静态、单例、类型引用管理。...所以,Rafy.js 最终是基于 ExtJs4 来构建的。 下面是当时 Rafy.js 开发完成后的框架类截图: ? ? 注意到,为了更好地解决开发过程的上述问题。...该文档的内容其实还是约定了一些封装、继承、多态的编写约定(ExtJS 给出的面向对象类型系统同样不完美)、以及一些代码的规范。...例如一般性的 Web 应用站点的前端开发,这种页面级的逻辑往往编写在页面,即简单,也不需要 OOD;再如,JQuery 框架的开发,这种框架的目标是灵活、方便、动态,而不是面向对象,所以也不太适合,

2.2K60

EXT按钮事件

同时可以注意到,onClick在源码是被标注为//private的,API也查不到这个方法。所以在实现按钮的点击事件的时候,我们应该使用handler这个配置项,而不是重写onClick方法。...handler与listener的区别 ExtJS里handler和listener都是用来对用户的某些输入进行处理的,有必要区分一下各自都是怎么用的。...Observable只有一个配置项,那就是listeners,而一个listener是一个事件名 + 处理函数的组合,: "click" : function(){...}, "mouseOver"...> <script src="<em>extjs</em>/build/locale/ext-lang-zh_CN.js...不然只会handler 本文由来源 21aspnet,由 javajgs_com 整理编辑,其版权均为 21aspnet 所有,文章内容系作者个人观点,不代表 Java架构师必看 对观点赞同<em>或</em>支持

2.6K30

Coolite Toolkit非常棒的控件

Coolite Toolkit是基于跨浏览器的ExtJS 库开发而来的,并且简化了开发步骤,并且包含有丰富的Ajax运用。 Coolite Toolkit和ExtJS 都是开源的。...www.coolite.com http://mvc.coolite.com 使用场景 Coolite Toolkit非常适合做web应用程序的开发,它提供了很多专业的Asp.net输入/验证/显示控件...另外就是支持多窗体(MDI)功能,我们知道在C/S的应用程序很容易实现MDI应用,在一个主窗体打开多个子窗体,方便客户在不同的窗体间进行切换,支持多任务的操作,但是在B/S的环境下要实现MDI的效果...该套控件不同于一般的第三方空间devexpress,netAdvantage,虽然提供非常多功能,但运行起来特别占用资源,时间一长服务器/客户端都会非常忙,但是Coolite采用的是纯javascript...一些控件使用效果; DropDownList支持多列显示,动态检索,分页非常实用的效果 ? 类似ajax autocomplete功能 ? 输入日期控件 支持的控件

1.1K30

EXT表格

跟设计数据库,新建表一样,我们要先设置这个表有几列,每列叫啥名字,啥类型,咋显示,这个表格的骨架也就出来了。...这些是跟cm定义的dataIndex对应的。这样cm就知道哪列应该显示那条数据了。 记得要执行一次ds.load(),对数据进行初始化。...        cm: cm,         title: 'HelloWorld' ,         autoHeight: 'true'     }) 其中,grid1和grid2都有个...el属性以及render()方法,这个意思是,当执行该方法的时候,会自动去找页面id=xxx的标签,然后在里面插入表格;效果跟grid3的方式是一样的。...} }] 本文由来源 21aspnet,由 javajgs_com 整理编辑,其版权均为 21aspnet 所有,文章内容系作者个人观点,不代表 Java架构师必看 对观点赞同支持

5.1K30

EXT基础

•exmaples:提供使用ExtJs技术做出的小实例。 •resources:Ext UI资源文件目录,CSS、图片文件都存放在这里面。...获取对象节点 •getDom方法能够得到文档的DOM节点,该方法包含一个参数,该参数可以是DOM节点的id、DOM节点对象DOM节点对应的Ext元素(Element)等。...•getCmp方法用来获得一个Ext组件,也就是一个已经在页面初始化了的Component其子类的对象,getCmp方法只有一个参数,也就是组件的id。..."}, {title:"子元素2",html:"这是子元素2的内容"}, {title:"子元素3",html:"这是子元素3的内容"} ] } ); }); ?...本文由来源 21aspnet,由 javajgs_com 整理编辑,其版权均为 21aspnet 所有,文章内容系作者个人观点,不代表 Java架构师必看 对观点赞同支持。

4.2K40

EXT表单

},               failure : function(form, action) {                Ext.Msg.alert('警告', '用户名密码错误...lastText: '最后一页',refreshText: '刷新',store: store           , pageSize: 20,displayInfo: true, displayMsg: '显示...store的内容只是普通的数组:   store.loadData([...]);   //如果store没有单独的变量定义,可以用   comboBox.initialConfig.store   //  ...    enableDD:false,//设置是否允许拖拽       useArrows: false,//是否使用箭头记号,默认为false       rootVisible :true,//设置是否显示根节点...           items:[tree]       },{           title:'菜单2',           contentEl:'hw'      }]   }   //表单控件

6K30

VueExtJS+SpringBoot打造双版本通讯录管理系统

第四个模块是管理类型管理模块,也就是通讯录的类型,朋友、同学、家人等,支持增删改查导出操作,如下图所示。 当然朋友类型的添加界面也要展示一下,如下图所示。...为了在课程设计拿高一点的分数,我还写了个大屏,套了个模板,数据来源于自己的 API 接口,这不就成了,拿了个优秀,嘿嘿~ 大屏界面如下图所示。...朋友类型模块如下所示,你可以在这个模块维护朋友类型的数据,朋友类型数据要在通讯录明细模块引用。 通讯录明细模块如下所示,你可以在这里维护通讯录数据。...在任何情况下,对于因使用无法使用本软件而导致的任何难以合理预估的损失(包括但不仅限于商业利润损失、业务中断与业务信息丢失),作者概不承担任何责任。...在任何情况下,对于因使用无法使用本软件而导致的任何难以合理预估的损失(包括但不仅限于商业利润损失、业务中断与业务信息丢失),作者概不承担任何责任。

26910

前端之 CSS 知识点回顾

italic;font-weight: normal;}) id选择器(id) 类选择器(class) 属性选择器(用DOM的属性进行声明) 后代选择器(使用空格间隔,div p{}) 群组选择器(使用逗号分隔...important 只有在需要覆盖全站外部 css(例如引用的 ExtJs 或者 YUI )的特定页面中使用!important 永远不要在全站范围的 css 上使用!...important 什么是CSS Hack 由于不同厂商的浏览器某浏览器的不同版本(IE6-IE11,Firefox/Safari/Opera/Chrome等), 对CSS的支持、解析不一样,导致在不同浏览器的环境呈现出不一致的页面展现效果...--[if IE]>IE浏览器显示的内容 ,针对IE6及以下版本:只在IE6-显示的内容 。...display: none是非继承属性,子孙节点消失由于元素从渲染树消失造成,通过修改子孙节点属性无法显示

92640

Ext JS 教程-MVC架构 原

模型工作起来很香ExtJS 3的Record类,而且一般同Stores一起用来在表格(grid)和组件展示数据。 2 视图表示任何类型的组件 - 表格、树,还有面板等都是视图。...在这个例子,我们将整个应用程序封装到一个称作“account_manager”的文件夹。来的 ExtJS 4 SDK 的必备文件放入了 ext-4文件夹。...ExtJS 4的每一个组件都有一个down方法,它接受一个ComponentQuery选择器去快速寻找任何子组件。 双击表格的一行,将发生下面这样的事情: ?...这样工作得很好,但是在 ExtJS 4我们会乐于去利用强大的 Ext.data.Model 类,当需要编辑我们的Users时。...如果我们现在刷新页面并且双击一行,我们会发现编辑User的窗口仍然像预期的一样显示了。现在是时候来完成编辑的功能了: ?

3.3K10

ExtJs二(实现登录)

如果想要在脚本中使用ExtJS的提示信息,可将书附带的资源包的Ext.js文件复制到ExtJS目录,复制后,在解决方案资源管理器将Ext.js拖到到login.js文件,就会生成以下代码:  //...一般的登录窗口都包含用户名、密码和验证码3个文本输入框,还包含有显示验证码的图片、登录和重置按钮。因而需要用到的ExtJS控件包括表单面板、图片、工具栏、按钮和文本字段。...接着加入表单面板的提交地址,这里定为Account/Login,就是Account控制器的Login方法,代码如下: url: "Account/Login", 7.因为表单内使用的都是文本字段,因而可以统一做一些定义,标签宽度为...}, { fieldLabel: "验证码", name: "Vcode", minLength: 6, maxLength: 6 } } 9.现在要考虑怎么显示验证码图片..._dc=" + (new Date()).getTime()); } 代码很简单,使用setSrc方法刷新图片的src就行了,加上时间戳可防止显示缓存图片。

2K10
领券