Ext TextField의 Label 및 숨겨진 구성 요소
2341 단어 ext
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);
});
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
ExtJS 3.2 학습 노트(3) 사용자 정의 이벤트Extjs에서 모든 상속은 Ext.util에서 합니다.Observable 클래스의 컨트롤은 이벤트를 지원할 수 있습니다. 클래스에 대해 이벤트를 사용자 정의하려면 다음 절차를 따르십시오. 1, 먼저 클래스를 정의합니...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.