CheckBox는 주로 그림과 같이
사용자가 선택한 옵션을 받는 데 사용됩니다(보기 흉한 UI는 무시하세요):
이 팝업은 메인 창의 코드는 다음과 같습니다.
var win = new Ext. Window({
modal : true,
title : '이 테이블을 거부하시겠습니까?',
width : 500,
plain : true,
items : [fp]
});
win.show()
팝업창은 캐리어이고, items의 [fp]는 폼의 핸들입니다. .
은 구체적으로 다음과 같이 정의됩니다.
var fp = Ext.create('Ext.FormPanel', {
frame: true,
fieldDefaults: {
labelWidth: 110
},
width: 500,
bodyPadding: 10,
items: [
{
xtype: 'fieldset',
flex: 1,
//title: '이 테이블을 거부하시겠습니까? ,
defaultType: ' checkbox',
layout: 'anchor',
defaults: {
anchor: '100%',
hideEmptyLabel: false
},
items :[{
fieldLabel : '거부 이유를 선택하세요:',
boxLabel: '양식이 완료되지 않았습니다',
name:'integrity',
inputValue: '1'
}, {
name.:'올바른',
boxLabel: '양식이 정확하게 입력되지 않았습니다.',
inputValue: '1'
}]
}],
buttons: [
{text: 'Confirm', handler: function(){
//완전성 및 정확성 정보를 얻은 경우 0이 아니면 1이 됩니다.
if(fp.getForm ().isValid()){
console.log(fp.getForm().findField('integrity').getValue()?1:0)
console.log(fp.getForm(). findField('corright').getValue()?1: 0)
}
win.hide();
}
},{
text: '취소',
handler: function(){
win.hide( );
}
}]
})
기본적으로 여기에는 관심 있는 모든 정보가 포함됩니다. 자세한 내용은 API를 참고하세요. 어렵지 않습니다
checkBox 값 가져오기
console.log(fp.getForm().findField('integrity').getValue()?1:0)
console.log (fp.getForm().findField( 'corright').getValue()?1:0)
이 두 문장은 완전성과 정확성의 값을 구하는 방법입니다.