extJs는 텍스트 상자 뒤에 설명 텍스트를 추가하고 드롭다운 목록에서 값을 선택한 후 이벤트를 트리거합니다.

코드 복사 코드는 다음과 같습니다.

var showForm
function panelShowForm( )
{
showForm=null;
showForm = new Ext.FormPanel({
renderTo:"showPanel",
region:'north',
border:false,
bodyBorder: false,
프레임:true,
waitMsgTarget: true,
labelAlign:'right',
id:"showForm",
항목:[{
layout:' 열',
labelWidth:129,
항목:[
{
columnWidth:.6,
레이아웃:'form',
항목:{
이름:"활성화 ",
hiddenName:"enable",
fieldLabel:'비밀번호 정책 활성화 여부',
xtype:'combo',
editable: false,//입력 허용 안 함lazyRender:true,
blankText: '비밀번호 측을 활성화해야 합니다', //공백 기본값
allowBlank : false, //공백은 허용되지 않습니다
mode: 'local',
triggerAction: 'all',
store :new Ext.data.SimpleStore({
필드: ["value", "text"], data: [['1','enabled'],['0','disabled']]
}),
// 이 두 항목은
valueField: "value",
displayField: "text",
listeners:{change:function(){ 위의 필드와 일치해야 합니다. changeValue() ;}
},
앵커:'100%'
}
},{
columnWidth:.4,
레이아웃:'form',
항목 :{
hiddenName:"infoFillOne",
name:"infoFillOne",
xtype:'label',
html:' 사용할 수 없습니다< ;/font>',
labelSeparator:'',
anchor:'100%'
}
},{
columnWidth:.6,
layout:' form',
items:{hiddenName:"updateDay",
name:"updateDay",
xtype:'textfield',
fieldLabel:'update period',
emptyText: 'Set ~ -1 이 항목은 비활성화되었습니다',
maxLength:'100',
readOnly:false,
vtype:'day',
anchor:'100%'
}
},{
columnWidth:.4,
레이아웃:'form',
항목:{
hiddenName:"info",
name:"info",
xtype:' label',
//labelAlign:'left',
html:
'가 -1로 설정되고 항목이 비활성화됩니다',
labelSeparator :' ',
앵커:'100%'
}
}]
}]
})
}

/**
* 비밀번호 트리거 이벤트 활성화 여부
*/
함수 변경값()
{
if(queryForm.form.findField('enable').getValue()=="0")
{
$("updateDay"). 비활성화 = true;
}else{
$("updateDay").disabled = false
}
}
/**
*윈도우 디스플레이
*/
함수 입력()
{
panelShowForm();
win=new Ext.Window({
title: "extJs 텍스트 상자 뒤에 설명 추가",
width:200, //창 초기 너비 값
hight:200, //창 초기 높이 값
x:100, //창 초기 x 위치
y:100, //창 초기 y 위치
plain : true,
modal : true, //모달 창
최대화 가능:true, 최대화 표시
resizing:false, //창 크기로 인해 드래그가 허용되지 않습니다
items:[showForm]
})
}