يستخدم مربع الاختيار (مربع الاختيار) بشكل أساسي لتلقي الخيارات التي حددها المستخدم.
كما هو موضح في الشكل (يرجى تجاهل المظهر السيئ لواجهة المستخدم):
الكود الرئيسي لهذه النافذة المنبثقة هو كما يلي:
نسخة الكود كما يلي:
var win = new ext.window ({
وسيط: صحيح ،
العنوان: هل أنت متأكد من أنك تريد رفض الجدول؟ '،
العرض: 500 ،
عادي: صحيح ،
العناصر: [FP]
}) ؛
win.show () ؛
النافذة المنبثقة هي الناقل ، و [FP] في العناصر هو مقبض النموذج.
التعريف المحدد على النحو التالي:
نسخة الكود كما يلي:
var fp = ext.create ('ext.formpanel' ، {
الإطار: صحيح ،
FieldDefaults: {
Labelwidth: 110
} ،
العرض: 500 ،
bodypadding: 10 ،
أغراض: [
{
Xtype: 'Fieldset' ،
فليكس: 1 ،
// العنوان: هل أنت متأكد من أنك تريد رفض الجدول؟ '،
DefaultType: "مربع الاختيار" ،
التصميم: "مرساة" ،
الإعدادات الافتراضية: {
المرساة: "100 ٪" ،
Hideemptylabel: خطأ
} ،
أغراض:[{
FieldLabel: "الرجاء تحديد سبب الرفض:" ،
Boxlabel: 'هذا النموذج لا يتم ملؤه بالكامل. '،
الاسم: "النزاهة" ،
inputValue: '1'
} ، {
الاسم: "صحيح" ،
Boxlabel: 'لا يتم ملء النموذج بدقة. '،
inputValue: '1'
}]
}] ،
الأزرار: [
{نص: 'تأكيد' ، معالج: function () {
// إذا حصلت على معلومات اكتمال ودقة ، فهي 1 ، ولكن ليس 0
if (fp.getform (). isValid ()) {
console.log (fp.getform (). findfield ('Integrity'). getValue ()؟ 1: 0) ؛
console.log (fp.getform ().
}
win.hide () ؛
}
} ، {
النص: "إلغاء" ،
معالج: وظيفة () {
win.hide () ؛
}
}]
}) ؛
هذا يغطي أساسا جميع المعلومات ذات الاهتمام. لمزيد من التفاصيل ، يرجى الرجوع إلى واجهة برمجة التطبيقات نفسها.
ركز على الحصول على قيمة مربع الاختيار
نسخة الكود كما يلي:
console.log (fp.getform (). findfield ('Integrity'). getValue ()؟ 1: 0) ؛
console.log (fp.getform ().
هاتان الجملتان هما كيفية الحصول على قيمة النزاهة والصحة.