位置: 编程技术 - 正文

Extjs中DisplayField的日期或者数字格式化扩展

编辑:rootadmin
使用 Ext.form.FormPanel 来处理数据时候,某些字段是需要只读的。当然我们可以使用 Ext.form.TextField,然后设置成 ReadOnly,不过这样子的显示效果不是很好,因为始终会有个输入框。所以我们必须使用 Ext.form.DisplayField,但是 Ext.form.DisplayField 没有一个format的属性,也不具备 renderer 这个事件,比如日期字段var form = new Ext.form.FormPanel({frame: true,renderTo: 'form-div',items: [{ xtype: 'displayfield', fieldLabel: 'Date', value: new Date() }]});那它显示的就有点不正确了

那么我们可以重写一下 Ext.form.DisplayField,让他支持 format 属性

Ext.override(Ext.form.DisplayField, { getValue: function () { return this.value; }, setValue: function (v) { this.value = v; this.setRawValue(this.formatValue(v)); return this; }, formatValue: function (v) { if (this.dateFormat && Ext.isDate(v)) { return v.dateFormat(this.dateFormat); } if (this.numberFormat && typeof v == 'number') { return Ext.util.Format.number(v, this.numberFormat); } return v; }});我们给 Ext.form.DisplayField 加了两个属性: dateFormat 和 numberFormat,然后我们将上面的 FormPanel 改一下

var form = new Ext.form.FormPanel({

    frame: true,

    renderTo: 'form-div',

    items: [{

      xtype: 'displayfield',

      fieldLabel: 'Date',

      value: new Date(),

      dateFormat: 'm/d Y'

    }]

});

推荐整理分享Extjs中DisplayField的日期或者数字格式化扩展,希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!

Extjs中DisplayField的日期或者数字格式化扩展

应该还是比较 perfect 的,哈哈哈

extjs grid设置某列背景颜色和字体颜色的实现方法 css代码:.x-grid-back-red{background:#FF;}js代码:{header:'分成类型',dataIndex:'divideType',renderer:function(v,m){m.css='x-grid-back-red';returnv;},width:}或者直接这样写也可

ExtJs事件机制基本代码模型和流程解析 代码实现的目的:为一个自定义的类的某个属性在使用它时候,触发某个事件。该程序的效果:点击输入按钮,弹出一个脚本提示输入框让用户输入他

ExtJS 入门 开始...在ExtJS里最常用的,应该就是Ext.onReady这个方法了,而且它也可能是你学习ExtJS所接触的第一个方法,这个方法在当前的DOM加载完毕后自动调用,保证页

标签: Extjs中DisplayField的日期或者数字格式化扩展

本文链接地址:https://www.jiuchutong.com/biancheng/370245.html 转载请保留说明!

上一篇:extjs grid设置某列背景颜色和字体颜色的方法

下一篇:extjs grid设置某列背景颜色和字体颜色的实现方法

  • 应交城建税计入哪个科目
  • 出租划拨土地收费合法吗
  • 用于员工福利的会计分录
  • 火车票可以抵扣多少增值税
  • 购房返现金需要什么资料
  • 不计入销售收入
  • 查询不到已经上市的股票
  • 抵扣旅客运输增值税报表怎么填
  • 购入包装物计入
  • 房屋评估价格是否含增值税
  • 电费做其他业务收入的账务处理怎么做?
  • 应收账款因质量不符合退货应该实施什么审计程序
  • 以公司买房
  • 单位员工借款的认定
  • 一个员工在两家公司上班违法吗
  • 申请一般纳税人需要多长时间
  • 营改增对资产负债表的影响
  • 汇算清缴是啥
  • 移动网络的费用有哪些
  • 保证金利息收入怎么开票
  • 个体户怎
  • 出租包装物和出借包装物的摊销额
  • 同一控制下合并对价怎么算
  • win10如何设置声音
  • linux系统中怎么编辑文件
  • 多发的工资可以从下月扣除吗
  • 实收资本属于哪类
  • 个人劳务费几个点
  • win10通知栏怎么设置
  • NEC笔记本电脑开机启动热键
  • 使用mac什么意思
  • mac 查看当前用户
  • umi ts
  • 应付股利的会计分录T
  • 前端向后端传值的函数
  • 股权划转是否涉及印花税
  • vue3.0配置
  • chrome 浏览器插件开发
  • 自产自销的农产品可以抵税吗
  • mysql5.6.24
  • 小规模纳税人销售商品会计分录
  • 更正申报季度企业所得税
  • 汇兑损益一级科目
  • sqlserver2012备份
  • linux mysql 找回密码
  • mysql更新语句
  • 结转本月应交增值税
  • 通货膨胀率怎么求
  • 防伪税控技术
  • 公司购买办公用品会计分录
  • 现金折扣是啥
  • 调研费用包括哪些项目
  • 机会成本的特点有()
  • 假如出口收汇的钱怎么办
  • 企业对于无法收回的应收账款,应列入
  • 管理费用不可以税前抵扣的利润表怎么填写
  • 一般纳税人只交社保无发票往来需要做账吗
  • 公司的长期股权投资该如何做账
  • 关于外贸企业出口的规定
  • 增值税进项税转出额可以税前扣除吗
  • 修筑公路的流程视频
  • 建造合同收入
  • mysql8.0 win7
  • win2008server安装qq
  • centos7搭建nfs详细步骤
  • ubuntu20.04命令
  • win7怎么修改开始菜单样式
  • windows 10 周年更新
  • cocos编程
  • 很不错的词语
  • perl文件操作
  • validateform
  • jquery动态添加属性
  • node cgi
  • 置顶怎么折叠起来
  • boost源码编译
  • 土地增值税法定扣除项目
  • 河北公示信息网
  • 企业所得税按开票金额的多少计算税率
  • 军人残疾证家属享受待遇吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设