首页
学习
活动
专区
工具
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.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.3K60

    EXT按钮事件

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

    2.6K30

    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.2K30

    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表单

    },               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'      }]   }   //表单中控件

    6.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.3K40

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

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

    37810

    Ext布局

    对管理系统来说,有一种非常典型的布局方式,头部放置标题,左边放树形菜单,空余的部分用来显示内容 图4.1.1的布局方式比较典型。使用Ext制作这种布局布局简单,代码如示例4.1所示。...虽然这个布局还略显粗糙,但也可以自动检测浏览器的大小变化和自动适应布局中每个部分的大小。 为了实现良好的页面布局,ExtJS提供了多种各式各样的布局,下面就将学习各种常见布局。...1.2 最简单布局—FitLayout 有一个很简单的需求:客户需要在页面中显示一个表格,让它可以自适应页面大小的变化,页面变大的时候表格会变大,页面变小的时候表格也会变小。...在ColumnLayout中可以单独为这一列设置确定宽度,其它列再使用columnWidth来分剩下的宽度,代码如示例4.11所示。...​需求说明​ 在常见的管理系统布局中,当点击左边树形菜单后,就会有不同的内容显示到右边主区域中。

    9110

    前端之 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是非继承属性,子孙节点消失由于元素从渲染树消失造成,通过修改子孙节点属性无法显示。

    96240

    工具栏和菜单

    在桌面程序开发中很常用也很简单的工具栏和菜单,但是在通常的web开发中,要实现好工具栏和菜单并非易事,然而ExtJS使我们能够用类似桌面程序开发的方法来开发web的工具栏和菜单。...典型的工具栏是由一组按钮组成,比如Word办公软件的新建,打开、保存、插入、编辑等,下面就使用ExtJS实现这样的工具栏,代码如示例5.1所示。...图5.1.4 禁用工具栏 从图5.1.4中可以看出,当工具栏变成禁用状态时,里面的按钮和文字都变成灰色显示,并且不能点击,从而不能响应用户操作。...下面就使用ExtJS实现这这样的菜单,代码如示例5.5所示。...下面一个示例是把一个FormPanel放入到菜单中,代码如示例5.10所示。

    5810
    领券