ช่องทำเครื่องหมาย (ช่องทำเครื่องหมาย) ส่วนใหญ่ใช้เพื่อรับตัวเลือกที่ผู้ใช้เลือก
ดังที่แสดงในรูป (โปรดละเว้นรูปลักษณ์ที่ไม่ดีของ UI):
รหัสหลักของหน้าต่างป๊อปอัพนี้มีดังนี้:
การคัดลอกรหัสมีดังนี้:
var win = new ext.window ({
Modal: จริง
ชื่อเรื่อง: 'แน่ใจหรือว่าต้องการปฏิเสธตาราง? -
ความกว้าง: 500
ธรรมดา: จริง
รายการ: [fp]
-
win.show ();
หน้าต่างป๊อปอัพคือผู้ให้บริการและ [FP] ในรายการเป็นที่จับของแบบฟอร์ม
คำจำกัดความเฉพาะมีดังนี้:
การคัดลอกรหัสมีดังนี้:
var fp = ext.create ('ext.formpanel', {
เฟรม: จริง
FieldDefaults: {
LabelWidth: 110
-
ความกว้าง: 500
Bodypadding: 10,
รายการ: [
-
xtype: 'fieldset',
Flex: 1,
// ชื่อเรื่อง: 'คุณแน่ใจหรือไม่ว่าต้องการปฏิเสธตาราง? -
DefaultType: 'ช่องทำเครื่องหมาย',
เลย์เอาต์: 'Anchor',
ค่าเริ่มต้น: {
Anchor: '100%',
Hideempthylabel: เท็จ
-
รายการ: [{
FieldLabel: 'โปรดเลือกเหตุผลในการปฏิเสธ:',
BoxLabel: 'แบบฟอร์มนี้ไม่ได้เต็มไปด้วย -
ชื่อ: 'ความซื่อสัตย์',
InputValue: '1'
-
ชื่อ: 'ถูกต้อง',
BoxLabel: 'แบบฟอร์มไม่ได้เต็มไปอย่างถูกต้อง -
InputValue: '1'
-
-
ปุ่ม: [
{text: 'ยืนยัน', handler: function () {
// หากคุณได้รับข้อมูลครบถ้วนและความแม่นยำเป็น 1 แต่ไม่ใช่ 0
if (fp.getForm (). isvalid ()) {
console.log (fp.getForm (). findfield ('ความสมบูรณ์'). getValue ()? 1: 0);
console.log (fp.getForm (). findfield ('ถูกต้อง'). getValue ()? 1: 0)
-
win.hide ();
-
-
ข้อความ: 'ยกเลิก',
Handler: function () {
win.hide ();
-
-
-
โดยทั่วไปจะครอบคลุมข้อมูลที่น่าสนใจทั้งหมด สำหรับรายละเอียดโปรดดู API เอง
มุ่งเน้นไปที่การรับค่าของช่องทำเครื่องหมาย
การคัดลอกรหัสมีดังนี้:
console.log (fp.getForm (). findfield ('ความสมบูรณ์'). getValue ()? 1: 0);
console.log (fp.getForm (). findfield ('ถูกต้อง'). getValue ()? 1: 0)
สองประโยคนี้เป็นวิธีการได้รับคุณค่าของความสมบูรณ์และความถูกต้อง