Ext 中 fieldLabel随DateField,TextField....控件的显示而显示，隐藏而隐藏

最新推荐文章于 2017-12-28 10:35:11 发布

原创最新推荐文章于 2017-12-28 10:35:11 发布 · 4.9k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#ext #function #date #null #c

Ext JS 专栏收录该内容

10 篇文章

订阅专栏

本文介绍如何使用Sencha ExtJS框架控制日期字段的显示与隐藏，并通过覆盖默认的行为来确保当与表单布局结合使用时，字段的销毁能够正确清理DOM元素。

--找了半天，终于在官方网站上找到答案

http://www.sencha.com/forum/showthread.php?25479-2.0.1-2.1-Field.destroy%28%29-on-Fields-rendered-by-FormLayout-does-not-clean-up.&p=120152#post120152

//延时完成时间 var layFinishDatetime=new Ext.form.DateField({ id:"layFinishDatetime", name:"layFinishDatetime", width:200, fieldLabel:"延时完成时间", format:"Y-m-d", value:new Date(), hidden:true }); /* fieldLabel随DateField,TextField....控件的显示而显示，隐藏而隐藏需要下面方法官方网站:http://www.sencha.com/forum/showthread.php?25479-2.0.1-2.1- Field.destroy%28%29-on-Fields-rendered-by-FormLayout-does-not-clean-up.&p=120152#post120152 */ Ext.override(Ext.layout.FormLayout, { renderItem : function(c, position, target){ if(c && !c.rendered && (c.isFormField || c.fieldLabel) && c.inputType != 'hidden'){ var args = this.getTemplateArgs(c); if(typeof position == 'number'){ position = target.dom.childNodes[position] || null; } if(position){ c.itemCt = this.fieldTpl.insertBefore(position, args, true); }else{ c.itemCt = this.fieldTpl.append(target, args, true); } c.actionMode = 'itemCt'; c.render('x-form-el-'+c.id); c.container = c.itemCt; c.actionMode = 'container'; }else { Ext.layout.FormLayout.superclass.renderItem.apply(this, arguments); } } }); Ext.override(Ext.form.Field, { getItemCt : function(){ return this.itemCt; } });

if(AdditionalScore<0.00&&CheckStatus=="3-待审核"||CheckStatus=="7-审核不通过") { layFinishDatetime.show(); } else { layFinishDatetime.hide(); }