CheckBox wird hauptsächlich verwendet, um die vom Benutzer ausgewählten Optionen zu empfangen
wie im Bild gezeigt (bitte ignorieren Sie die unansehnliche Benutzeroberfläche):
Dieses Popup Das Hauptfenster Der Code des Fensters lautet wie folgt:
var win = new Ext. Window({
modal : true,
title : 'Möchten Sie diese Tabelle wirklich ablehnen?',
width : 500,
plain : true,
items: [fp]
});
win.show();
Das Popup-Fenster ist der Träger und [fp] in items ist das Handle des Formulars .
ist konkret wie folgt definiert:
var fp = Ext.create('Ext.FormPanel', {
frame: true,
fieldDefaults: {
labelWidth: 110
},
width: 500,
bodyPadding: 10,
items: [
{
xtype: 'fieldset',
flex: 1,
//title: 'Möchten Sie diese Tabelle wirklich ablehnen?' ,
defaultType: ' checkbox',
layout: 'anchor',
defaults: {
anchor: '100%',
hideEmptyLabel: false
},
items :[{
fieldLabel: 'Bitte wählen Sie den Grund für die Ablehnung aus:',
boxLabel: 'Das Formular ist nicht ausgefüllt',
name:'integrity',
inputValue: '1'
}, {
name. :'correct',
boxLabel: 'Das Formular ist nicht korrekt ausgefüllt',
inputValue: '1'
}]
}],
buttons: [
{text: 'Bestätigen', handler: function(){
//Wenn die Vollständigkeits- und Genauigkeitsinformationen erhalten werden, sind sie 1, wenn nicht 0
if(fp.getForm ().isValid()){
console. log(fp.getForm().findField('integrity').getValue()?1:0); findField('correct').getValue()?1: 0)
}
win.hide();
}
},{
text: 'Abbrechen',
handler: function(){
win.hide( );
}
}]
Dies deckt im Grunde alle interessanten Informationen ab. Einzelheiten finden Sie in der API selbst.
Konzentrieren Sie sich darauf, den Wert von checkBox zu erhalten
console.log(fp.getForm().findField('integrity').getValue()?1:0); log(fp.getForm().findField( 'correct').getValue()?1:0)
Mit diesen beiden Sätzen erhalten Sie die Werte für Vollständigkeit und Richtigkeit.