ผลต่างระหว่างรุ่นของ "ฟอร์มในระบบคูนิฟ็อกซ์"
บรรทัดที่ 3: | บรรทัดที่ 3: | ||
ฟอร์มภายใต้โมดูลมาตรฐานของ CuneiFox ประกอบด้วยช่องข้อมูลต่างๆ ดังนี้ | ฟอร์มภายใต้โมดูลมาตรฐานของ CuneiFox ประกอบด้วยช่องข้อมูลต่างๆ ดังนี้ | ||
[[ไฟล์:Cuneifox form components.png|940px|thumb|alt=องค์ประกอบของฟอร์มในระบบคูนิฟ็อกซ์|องค์ประกอบของฟอร์มในระบบคูนิฟ็อกซ์]] | |||
* หมายเลข 1: ช่องกรอกข้อความ สำหรับกรอกข้อความประเภทบรรทัดเดียว นอกจากข้อความปกติแล้ว โปรแกรม CuneiFox สามารถจัดรูปแบบข้อมูลอัตโนมัติสำหรับช่องข้อความที่กำหนดชนิดข้อมูลเอาไว้ ได้แก่: | * หมายเลข 1: ช่องกรอกข้อความ สำหรับกรอกข้อความประเภทบรรทัดเดียว นอกจากข้อความปกติแล้ว โปรแกรม CuneiFox สามารถจัดรูปแบบข้อมูลอัตโนมัติสำหรับช่องข้อความที่กำหนดชนิดข้อมูลเอาไว้ ได้แก่: | ||
บรรทัดที่ 22: | บรรทัดที่ 24: | ||
** '''ค่าทศนิยม และร้อยละ''': ระบบจะปัดค่าทศนิยมที่ผู้ใช้กรอกให้มีความละเอียดตามที่ตั้งค่าไว้ พร้อมใส่เครื่องหมายคั่นหลักพัน/หมื่นตามที่กำหนด | ** '''ค่าทศนิยม และร้อยละ''': ระบบจะปัดค่าทศนิยมที่ผู้ใช้กรอกให้มีความละเอียดตามที่ตั้งค่าไว้ พร้อมใส่เครื่องหมายคั่นหลักพัน/หมื่นตามที่กำหนด | ||
* หมายเลข 2: ช่องใส่ข้อความประเภทหลายบรรทัด ใช้ปุ่ม Ctrl | * หมายเลข 2: ช่องใส่ข้อความประเภทหลายบรรทัด ใช้ปุ่ม {{key press|Ctrl|Enter}} เพื่อขึ้นบรรทัดใหม่ ช่องข้อมูลประเภทนี้สามารถยืดหดในแนวตั้งได้ โดยผู้ใช้คลิกค้างบริเวณสามเหลี่ยมที่มุมขวาล่างของช่องกล่องข้อความค้างไว้ แล้วขยับเมาส์ | ||
* หมายเลข 3: ช่องเลือกไฟล์ ประกอบด้วย 2 ส่วน ได้แก่ | * หมายเลข 3: ช่องเลือกไฟล์ ประกอบด้วย 2 ส่วน ได้แก่ | ||
** ตัวช่องข้อมูล: ผู้ใช้สามารถคลิกในบริเวณของช่องข้อมูล ระบบจะเปิดหน้าต่างเลือกไฟล์ขึ้นมา | ** ตัวช่องข้อมูล: ผู้ใช้สามารถคลิกในบริเวณของช่องข้อมูล ระบบจะเปิดหน้าต่างเลือกไฟล์ขึ้นมา | ||
** ชุดปุ่มเครื่องมือ: มี 4 ปุ่ม ได้แก่ | ** ชุดปุ่มเครื่องมือ: มี 4 ปุ่ม ได้แก่ | ||
*** ปุ่ม ใช้เปิดไฟล์ที่เลือกอยู่ปัจจุบันในแท็บใหม่ เพื่อดูภาพขนาดเต็ม (กรณีเป็นไฟล์รูปภาพ) หรือดาวน์โหลดไฟล์ | *** ปุ่ม [[ไฟล์:Cuneifox view btn.png|25px|frameless|alt=ปุ่มเปิดไฟล์|ปุ่มเปิดไฟล์]] ใช้เปิดไฟล์ที่เลือกอยู่ปัจจุบันในแท็บใหม่ เพื่อดูภาพขนาดเต็ม (กรณีเป็นไฟล์รูปภาพ) หรือดาวน์โหลดไฟล์ | ||
*** ปุ่ม ใช้แนบรูปถ่าย เมื่อกดปุ่มนี้ ระบบจะเปิดหน้าต่างอัพโหลดจากกล้อง เพื่อให้ผู้ใช้ถ่ายภาพที่ต้องการแนบ | *** ปุ่ม [[ไฟล์:Cuneifox cam btn.png|25px|frameless|alt=ปุ่มถ่ายภาพ|ปุ่มถ่ายภาพ]] ใช้แนบรูปถ่าย เมื่อกดปุ่มนี้ ระบบจะเปิดหน้าต่างอัพโหลดจากกล้อง เพื่อให้ผู้ใช้ถ่ายภาพที่ต้องการแนบ | ||
*** ปุ่ม ใช้ยกเลิกการเปลี่ยนแปลงค่า เมื่อกดปุ่มนี้ ไฟล์ที่เลือกไว้จะกลับไปเป็นไฟล์เดิมในฐานข้อมูล (ถ้าในฐานข้อมูลยังไม่มีไฟล์เก็บไว้ ปุ่มนี้จะทำงานเหมือนปุ่ม ) | *** ปุ่ม [[ไฟล์:Cuneifox revert btn.png|25px|frameless|alt=ปุ่มยกเลิกการแก้ไข|ปุ่มยกเลิกการแก้ไข]] ใช้ยกเลิกการเปลี่ยนแปลงค่า เมื่อกดปุ่มนี้ ไฟล์ที่เลือกไว้จะกลับไปเป็นไฟล์เดิมในฐานข้อมูล (ถ้าในฐานข้อมูลยังไม่มีไฟล์เก็บไว้ ปุ่มนี้จะทำงานเหมือนปุ่ม [[ไฟล์:Cuneifox file delete btn.png|25px|frameless|alt=ปุ่มยกเลิกการเลือกไฟล์|ปุ่มยกเลิกการเลือกไฟล์]]) | ||
*** <p>ปุ่ม ใช้ล้างข้อมูลไฟล์</p><p>{{3stars}} หลังจากบันทึกข้อมูล ไฟล์จะถูกบันทึกในแฟ้มที่กำหนดไว้ภายในเครื่องเซิร์ฟเวอร์ โดยระบบ CuneiFox จะสร้างข้อความสุ่มขึ้นมาตั้งเป็นชื่อไฟล์โดยอัตโนมัติ</p><p>{{3stars}} กรณีที่ช่องข้อมูลรองรับไฟล์ภาพ ผู้ใช้อาจเห็นช่องแสดงตัวอย่างภาพ (หมายเลข 4) หากผู้ใช้คลิกที่ตัวอย่างภาพ ระบบจะเปิดไฟล์นั้นในแท็บใหม่</p> | *** <p>ปุ่ม [[ไฟล์:Cuneifox file delete btn.png|25px|frameless|alt=ปุ่มยกเลิกการเลือกไฟล์|ปุ่มยกเลิกการเลือกไฟล์]] ใช้ล้างข้อมูลไฟล์</p><p>{{3stars}} หลังจากบันทึกข้อมูล ไฟล์จะถูกบันทึกในแฟ้มที่กำหนดไว้ภายในเครื่องเซิร์ฟเวอร์ โดยระบบ CuneiFox จะสร้างข้อความสุ่มขึ้นมาตั้งเป็นชื่อไฟล์โดยอัตโนมัติ</p><p>{{3stars}} กรณีที่ช่องข้อมูลรองรับไฟล์ภาพ ผู้ใช้อาจเห็นช่องแสดงตัวอย่างภาพ (หมายเลข 4) หากผู้ใช้คลิกที่ตัวอย่างภาพ ระบบจะเปิดไฟล์นั้นในแท็บใหม่</p> | ||
* หมายเลข 5: ช่องทำเครื่องหมาย การทำเครื่องหมายหรือยกเลิกการทำเครื่องหมาย ทำได้โดยคลิกที่ช่องหรือข้อความประจำช่อง | * หมายเลข 5: ช่องทำเครื่องหมาย การทำเครื่องหมายหรือยกเลิกการทำเครื่องหมาย ทำได้โดยคลิกที่ช่องหรือข้อความประจำช่อง | ||
[[ไฟล์:Cuneifox form with search modal.png|940px|thumb|alt=การใช้งานหน้าต่างค้นหา|การใช้งานหน้าต่างค้นหา]] | |||
* หมายเลข 6: ช่องค้นหา สำหรับข้อมูลที่ต้องอ่านจากฐานข้อมูลเท่านั้น มีรายละเอียดการใช้งานดังนี้: | * หมายเลข 6: ช่องค้นหา สำหรับข้อมูลที่ต้องอ่านจากฐานข้อมูลเท่านั้น มีรายละเอียดการใช้งานดังนี้: | ||
** กรอกข้อความค้นหาเบื้องต้น แล้วใช้เมาส์คลิกที่ปุ่ม ทางขวาของช่อง ระบบจะเปิดหน้าต่างค้นหาขึ้น และกรอกข้อความค้นหาลงในแถบค้นหาของตารางให้โดยอัตโนมัติ หรือ | ** กรอกข้อความค้นหาเบื้องต้น แล้วใช้เมาส์คลิกที่ปุ่ม [[ไฟล์:Cuneifox search btn.png|25px|frameless|alt=ปุ่มค้นหา|ปุ่มค้นหา]] ทางขวาของช่อง ระบบจะเปิดหน้าต่างค้นหาขึ้น และกรอกข้อความค้นหาลงในแถบค้นหาของตารางให้โดยอัตโนมัติ หรือ | ||
** <p>กรอกข้อความค้นหาเบื้องต้น แล้วกดปุ่ม Enter หรือ Tab หรือคลิกที่อื่นบนหน้าจอ ระบบจะค้นหาเฉพาะรายการที่มีรหัสขึ้นต้นด้วยข้อความค้นหา หากพบเพียงรายการเดียว ระบบจะเลือกรายการนั้นให้โดยอัตโนมัติ หากไม่พบหรือพบมากกว่า 1 รายการ ระบบจะเปิดหน้าต่างค้นหา พร้อมแสดงรายการทั้งหมดที่พบ</p><p>{{3stars}} กรณีที่ระบบเปิดหน้าต่างค้นหาขึ้น ให้ผู้ใช้เลือกรายการที่ต้องการแล้วกดปุ่ม "ตกลง" ด้านล่างของหน้าต่าง (ผู้ใช้สามารถเลือกรายการด้วยคีย์บอร์ด ตามรายละเอียดในหัวข้อ | ** <p>กรอกข้อความค้นหาเบื้องต้น แล้วกดปุ่ม {{key press|Enter}} หรือ {{key press|Tab}} หรือคลิกที่อื่นบนหน้าจอ ระบบจะค้นหาเฉพาะรายการที่มีรหัสขึ้นต้นด้วยข้อความค้นหา หากพบเพียงรายการเดียว ระบบจะเลือกรายการนั้นให้โดยอัตโนมัติ หากไม่พบหรือพบมากกว่า 1 รายการ ระบบจะเปิดหน้าต่างค้นหา พร้อมแสดงรายการทั้งหมดที่พบ</p><p>{{3stars}} กรณีที่ระบบเปิดหน้าต่างค้นหาขึ้น ให้ผู้ใช้เลือกรายการที่ต้องการแล้วกดปุ่ม "ตกลง" ด้านล่างของหน้าต่าง (ผู้ใช้สามารถเลือกรายการด้วยคีย์บอร์ด ตามรายละเอียดในหัวข้อ [[ตารางในระบบคูนิฟ็อกซ์]])</p> | ||
* <p>หมายเลข 7: ช่องเลือกข้อมูล ให้ผู้ใช้เลือกข้อมูลจากตัวเลือกที่กำหนดไว้</p><p>{{3stars}} ช่องข้อมูลบางช่องอาจถูกปิดกั้นการเปลี่ยนแปลงค่าเอาไว้ ช่องข้อมูลเหล่านี้มักจะเป็นข้อมูลที่กรอกหรือคำนวณโดยอัตโนมัติ หรือเป็นค่าที่ไม่อนุญาตให้แก้ไขหลังจากเพิ่มรายการไปเรียบร้อยแล้ว</p> | * <p>หมายเลข 7: ช่องเลือกข้อมูล ให้ผู้ใช้เลือกข้อมูลจากตัวเลือกที่กำหนดไว้</p><p>{{3stars}} ช่องข้อมูลบางช่องอาจถูกปิดกั้นการเปลี่ยนแปลงค่าเอาไว้ ช่องข้อมูลเหล่านี้มักจะเป็นข้อมูลที่กรอกหรือคำนวณโดยอัตโนมัติ หรือเป็นค่าที่ไม่อนุญาตให้แก้ไขหลังจากเพิ่มรายการไปเรียบร้อยแล้ว</p> |
รุ่นแก้ไขเมื่อ 14:55, 9 พฤษภาคม 2566
ชนิดของช่องข้อมูล
ฟอร์มภายใต้โมดูลมาตรฐานของ CuneiFox ประกอบด้วยช่องข้อมูลต่างๆ ดังนี้
- หมายเลข 1: ช่องกรอกข้อความ สำหรับกรอกข้อความประเภทบรรทัดเดียว นอกจากข้อความปกติแล้ว โปรแกรม CuneiFox สามารถจัดรูปแบบข้อมูลอัตโนมัติสำหรับช่องข้อความที่กำหนดชนิดข้อมูลเอาไว้ ได้แก่:
- วันที่: ผู้ใช้สามารถเลือกกรอกข้อมูลได้ดังนี้ (ใช้วันที่ 31 ธันวาคม ค.ศ. 2022 เป็นตัวอย่าง):
- กรอกในรูปแบบตามที่บริษัทตั้งค่าไว้ (31/12/2022)
- กรอกข้อมูลโดยไม่ใส่เครื่องหมายคั่นวันที่ (31122022)
- กรอกเฉพาะวันที่และเดือน โดยระบบจะใช้ปีตามวันที่ของ session (3112)
- กรอกเฉพาะวันที่ โดยระบบจะใช้เดือนและปีตามวันที่ของ session (31)
- เดือน: ผู้ใช้สามารถกรอกข้อมูลได้ดังนี้ (ใช้เดือน ธันวาคม ค.ศ. 2022 เป็นตัวอย่าง):
- กรอกในรูปแบบตามที่บริษัทตั้งค่าไว้ (12/2022)
- กรอกข้อมูลโดยไม่ใส่เครื่องหมายคั่นวันที่ (122022)
- กรอกเฉพาะเดือน โดยระบบจะใช้ปีตามวันที่ของ session (12)
- เวลา: ผู้ใช้สามารถกรอกข้อมูลได้ดังนี้ (ใช้เวลา 15 นาฬิกา 0 นาที 0 วินาที เป็นตัวอย่าง):
- กรอกในรูปแบบตามที่บริษัทตั้งค่าไว้ (15:00:00)
- กรอกข้อมูลโดยไม่ใส่เครื่องหมายคั่นเวลา โดยใช้รูปแบบเวลา 24 ชั่วโมง (150000)
- กรอกเฉพาะชั่วโมงและนาที ระบบจะใส่ค่า 0 แทนค่าวินาทีโดยอัตโนมัติ (1500)
- กรอกเฉพาะชั่วโมง ระบบจะใส่ค่า 0 แทนค่านาทีและวินาทีโดยอัตโนมัติ (15)
- ค่าจำนวนเต็ม: ระบบจะปัดค่าทศนิยมในช่องข้อมูลที่รับจำนวนเต็มให้โดยอัตโนมัติ
- ค่าทศนิยม และร้อยละ: ระบบจะปัดค่าทศนิยมที่ผู้ใช้กรอกให้มีความละเอียดตามที่ตั้งค่าไว้ พร้อมใส่เครื่องหมายคั่นหลักพัน/หมื่นตามที่กำหนด
- วันที่: ผู้ใช้สามารถเลือกกรอกข้อมูลได้ดังนี้ (ใช้วันที่ 31 ธันวาคม ค.ศ. 2022 เป็นตัวอย่าง):
- หมายเลข 2: ช่องใส่ข้อความประเภทหลายบรรทัด ใช้ปุ่ม Ctrl+↵ Enter เพื่อขึ้นบรรทัดใหม่ ช่องข้อมูลประเภทนี้สามารถยืดหดในแนวตั้งได้ โดยผู้ใช้คลิกค้างบริเวณสามเหลี่ยมที่มุมขวาล่างของช่องกล่องข้อความค้างไว้ แล้วขยับเมาส์
- หมายเลข 3: ช่องเลือกไฟล์ ประกอบด้วย 2 ส่วน ได้แก่
- ตัวช่องข้อมูล: ผู้ใช้สามารถคลิกในบริเวณของช่องข้อมูล ระบบจะเปิดหน้าต่างเลือกไฟล์ขึ้นมา
- ชุดปุ่มเครื่องมือ: มี 4 ปุ่ม ได้แก่
- ปุ่ม ใช้เปิดไฟล์ที่เลือกอยู่ปัจจุบันในแท็บใหม่ เพื่อดูภาพขนาดเต็ม (กรณีเป็นไฟล์รูปภาพ) หรือดาวน์โหลดไฟล์
- ปุ่ม ใช้แนบรูปถ่าย เมื่อกดปุ่มนี้ ระบบจะเปิดหน้าต่างอัพโหลดจากกล้อง เพื่อให้ผู้ใช้ถ่ายภาพที่ต้องการแนบ
- ปุ่ม ใช้ยกเลิกการเปลี่ยนแปลงค่า เมื่อกดปุ่มนี้ ไฟล์ที่เลือกไว้จะกลับไปเป็นไฟล์เดิมในฐานข้อมูล (ถ้าในฐานข้อมูลยังไม่มีไฟล์เก็บไว้ ปุ่มนี้จะทำงานเหมือนปุ่ม )
*** หลังจากบันทึกข้อมูล ไฟล์จะถูกบันทึกในแฟ้มที่กำหนดไว้ภายในเครื่องเซิร์ฟเวอร์ โดยระบบ CuneiFox จะสร้างข้อความสุ่มขึ้นมาตั้งเป็นชื่อไฟล์โดยอัตโนมัติ
*** กรณีที่ช่องข้อมูลรองรับไฟล์ภาพ ผู้ใช้อาจเห็นช่องแสดงตัวอย่างภาพ (หมายเลข 4) หากผู้ใช้คลิกที่ตัวอย่างภาพ ระบบจะเปิดไฟล์นั้นในแท็บใหม่
- หมายเลข 5: ช่องทำเครื่องหมาย การทำเครื่องหมายหรือยกเลิกการทำเครื่องหมาย ทำได้โดยคลิกที่ช่องหรือข้อความประจำช่อง
- หมายเลข 6: ช่องค้นหา สำหรับข้อมูลที่ต้องอ่านจากฐานข้อมูลเท่านั้น มีรายละเอียดการใช้งานดังนี้:
- กรอกข้อความค้นหาเบื้องต้น แล้วใช้เมาส์คลิกที่ปุ่ม ทางขวาของช่อง ระบบจะเปิดหน้าต่างค้นหาขึ้น และกรอกข้อความค้นหาลงในแถบค้นหาของตารางให้โดยอัตโนมัติ หรือ
กรอกข้อความค้นหาเบื้องต้น แล้วกดปุ่ม ↵ Enter หรือ Tab ↹ หรือคลิกที่อื่นบนหน้าจอ ระบบจะค้นหาเฉพาะรายการที่มีรหัสขึ้นต้นด้วยข้อความค้นหา หากพบเพียงรายการเดียว ระบบจะเลือกรายการนั้นให้โดยอัตโนมัติ หากไม่พบหรือพบมากกว่า 1 รายการ ระบบจะเปิดหน้าต่างค้นหา พร้อมแสดงรายการทั้งหมดที่พบ
*** กรณีที่ระบบเปิดหน้าต่างค้นหาขึ้น ให้ผู้ใช้เลือกรายการที่ต้องการแล้วกดปุ่ม "ตกลง" ด้านล่างของหน้าต่าง (ผู้ใช้สามารถเลือกรายการด้วยคีย์บอร์ด ตามรายละเอียดในหัวข้อ ตารางในระบบคูนิฟ็อกซ์)
หมายเลข 7: ช่องเลือกข้อมูล ให้ผู้ใช้เลือกข้อมูลจากตัวเลือกที่กำหนดไว้
*** ช่องข้อมูลบางช่องอาจถูกปิดกั้นการเปลี่ยนแปลงค่าเอาไว้ ช่องข้อมูลเหล่านี้มักจะเป็นข้อมูลที่กรอกหรือคำนวณโดยอัตโนมัติ หรือเป็นค่าที่ไม่อนุญาตให้แก้ไขหลังจากเพิ่มรายการไปเรียบร้อยแล้ว
การใช้งานฟอร์มด้วยคีย์บอร์ด
เมื่อโฟกัสของโปรแกรมอยู่ในช่องข้อมูลต่างๆ ของฟอร์ม ผู้ใช้สามารถสั่งการฟอร์มด้วยปุ่มต่างๆ บนคีย์บอร์ดดังนี้
- Tab ↹: เปลี่ยนโฟกัสไปยังช่องถัดไป
- ↵ Enter: เปลี่ยนโฟกัสไปยังช่องถัดไป หรือ ยืนยันการบันทึกข้อมูลในฟอร์ม กรณีไม่มีช่องถัดไป
- ⇧ Shift+Tab ↹ หรือ ⇧ Shift+↵ Enter: เปลี่ยนโฟกัสไปยังช่องก่อนหน้า
- Space: ทำเครื่องหมาย/ยกเลิกการทำเครื่องหมาย สำหรับช่องทำเครื่องหมาย, แสดงตัวเลือกทั้งหมด สำหรับช่องเลือกข้อมูล, แสดงหน้าต่างเลือกไฟล์ สำหรับช่องข้อมูลประเภทไฟล์
- Alt+↵ Enter: ยืนยันบันทึกข้อมูลในฟอร์ม
- ↑ หรือ ←: เลือกตัวเลือกก่อนหน้า สำหรับช่องเลือกข้อมูล
- ↓ หรือ →: เลือกตัวเลือกถัดไป สำหรับช่องเลือกข้อมูล
- PageUp: เลือกตัวเลือกแรก สำหรับช่องเลือกข้อมูล
- PageDown: เลือกตัวเลือกสุดท้าย สำหรับช่องเลือกข้อมูล