CheckBox est principalement utilisé pour recevoir les options sélectionnées par l'utilisateur
comme indiqué dans l'image (veuillez ignorer l'interface utilisateur disgracieuse) :
Cette popup La principale le code de la fenêtre est le suivant :
var win = new Ext. Window({
modal : true,
title : 'Êtes-vous sûr de vouloir rejeter cette table ?',
width : 500,
plain : true,
items : [fp]
});
win.show();
La fenêtre pop-up est le support, et [fp] in items est le handle du formulaire. .
est spécifiquement défini comme suit :
var fp = Ext.create('Ext.FormPanel', {
frame: true,
fieldDefaults: {
labelWidth: 110
},
width: 500,
bodyPadding : 10,
items : [
{
xtype : 'fieldset',
flex : 1,
//title : 'Êtes-vous sûr de vouloir rejeter cette table ?' ,
defaultType : 'checkbox',
layout : 'anchor',
valeurs par défaut : {
anchor : '100%',
hideEmptyLabel: false
},
items :[{
fieldLabel : 'Veuillez sélectionner le motif du rejet :',
boxLabel : 'Le formulaire n'est pas complété',
name :'integrity',
inputValue : '1'
}, {
name. :'correct',
boxLabel : 'Le formulaire n'est pas rempli avec précision',
inputValue : '1'
}]
}],
boutons : [
{texte : 'Confirmer', handler : function(){
//Si les informations d'exhaustivité et d'exactitude sont obtenues, elles seront 1, sinon 0
if(fp.getForm ().isValid()){
console.log(fp.getForm().findField('integrity').getValue()?1:0); findField('correct').getValue()?1 : 0)
}
win.hide();
}
},{
texte : 'Annuler',
handler: function(){
win.hide( );
}
}]
});
Cela couvre essentiellement toutes les informations intéressantes. Pour plus de détails, veuillez vous référer à l'API elle-même. Ce n'est pas difficile
Concentrez-vous sur l'obtention de la valeur de checkBox
console.log(fp.getForm().findField('integrity').getValue()?1:0
console. log(fp.getForm().findField( 'correct').getValue()?1:0)
Ces deux phrases expliquent comment obtenir les valeurs d'exhaustivité et d'exactitude.