Ext.onReady(function(){
var TextVisable = new Ext.form.TextField({
fieldLabel: '表中文名称',
labelWidth:100,
name: '表中文名称',
value :'abc'
});
function hideText_1()
{
//1
TextVisable.el.parent().parent().hide();
//2 TextVisable.el.dom.parentNode.parentNode.style.display = 'none';
}
function hideText_2()
{
//1 TextVisable.el.parent().parent().first().dom.innerHTML = '图中文名称'
//2
TextVisable.el.dom.parentNode.parentNode.firstChild.innerHTML= '图中文名称 :'
}
/*****************做一个日期更新框*******************************/
var date_1 = new Ext.form.DateField({
fieldLabel: '最后更新日期',
labelWidth:100,
width:140,
name: '最后更新日期'
});
function hideText_3()
{
//1
date_1.el.parent().parent().parent().hide();
//2 TextVisable.el.dom.parentNode.parentNode.parentNode.style.display = 'none';
}
function hideText_4()
{
//1 TextVisable.el.parent().parent().parent().first().dom.innerHTML = '更改日期 :'
//2
date_1.el.dom.parentNode.parentNode.parentNode.firstChild.innerHTML= '更改日期 :'
}
/*****************做一个日期更新框*******************************/
var form = new Ext.form.FormPanel({
labelAlign: 'right',
title: 'form',
frame:true,
width: 300,
labelSeparator : ':',
items: [TextVisable,date_1],
tbar :['-',new Ext.Button({
text: "隐藏DateField",
handler: hideText_3
}),'-',new Ext.Button({
text: "更改DateField的label",
handler: hideText_4
}),'-'],
buttons: [new Ext.Button({
text: "隐藏TextField",
handler: hideText_1
}),new Ext.Button({
text: "更改TextField的label",
handler: hideText_2
})]
});
form.render(document.body);
});
分享到:
相关推荐
这个是extjs文字输入框的简单介绍和使用,希望可以为你带来帮助
NULL 博文链接:https://lovebeyond.iteye.com/blog/440899
EXT表单验证之TextField,vtype 包括所有EXT中TextField的验证方式
Ext中表单中各种组件的布局,例如TextField,Combox,还有DateField控件的基本使用
EXT dojochina文本框示例Ext.form.TextField.rar
带警示效果的TextField、改变光标起始位置;自由定制;
NULL 博文链接:https://as3.iteye.com/blog/1163790
Ext Extjs 禁止文本和日期编辑 ExtJS中动态设置TextField的readOnly属性
this.formpanel = new Ext.FormPanel({ items: [{ fieldLabel: ‘代码’, name: ‘FCode’, anchor:’100%’, id: ‘fid’ },{ fieldLabel: ‘名称’, name: ‘FName’, ... 只需将textfield的hidden和hideLabel配
iOS Placeholder 和 icon 替换出现的 Text Field 组件
通过通知中心实时监控textField的值,并对textFiled的输入做了位数限制和只允许输入数字
Ext.form.TextField最简单的用法.docx
Java组件的使用(Bottun,TextField等的使用方法,适合初学Java的人员参考)
自定义textfield
swift3 label image button textfield创建以及使用方法
实现键盘的点击隐藏和解决textField被呼出键盘挡住的问题的简单代码
49、Ext.form.TextField类 …………… 44 50、Ext.form.NumberField类 ………… 44 51、Ext.form.TextArea类 …………… 45 52、Ext.form.TriggerField类 ……… 45 53、Ext.form.DateField类 ………… 45 54、Ext....
问题:当使用hide()方法和setvisible(false)方法去除items的中间(见过很多例子移除的都是尾部表单)表单后,原form验证无效 解决办法:使用remove(id)方法移除表单,可得到有效的form 原因:未知,希望大家补充 ...
react-textfield React Component的优雅文本框。 现场游乐场 有关实际使用的react-textfield的示例,请访问 。 要么 要在自己的计算机上运行该演示,请执行以下操作: 克隆此存储库 npm install npm run ...
以前有许多人需要将 tree 的节点拖拽到其他控件中的问题,前段时间已经解决了,现在也将它的源代码贡献上来。 这个树的数据是静态的,没有做动态的,而且树节点的拖拽也没有做过多的处理,如果要知道怎么样做树...