ข้ามไปเนื้อหา

ผลต่างระหว่างรุ่นของ "ฟอร์มในระบบคูนิฟ็อกซ์"

บรรทัดที่ 3: บรรทัดที่ 3:


ฟอร์มภายใต้โมดูลมาตรฐานของ CuneiFox ประกอบด้วยช่องข้อมูลต่างๆ ดังนี้
ฟอร์มภายใต้โมดูลมาตรฐานของ CuneiFox ประกอบด้วยช่องข้อมูลต่างๆ ดังนี้
[[ไฟล์:Cuneifox form components.png|940px|thumb|alt=องค์ประกอบของฟอร์มในระบบคูนิฟ็อกซ์|องค์ประกอบของฟอร์มในระบบคูนิฟ็อกซ์]]


* หมายเลข 1: ช่องกรอกข้อความ สำหรับกรอกข้อความประเภทบรรทัดเดียว นอกจากข้อความปกติแล้ว โปรแกรม CuneiFox สามารถจัดรูปแบบข้อมูลอัตโนมัติสำหรับช่องข้อความที่กำหนดชนิดข้อมูลเอาไว้ ได้แก่:
* หมายเลข 1: ช่องกรอกข้อความ สำหรับกรอกข้อความประเภทบรรทัดเดียว นอกจากข้อความปกติแล้ว โปรแกรม CuneiFox สามารถจัดรูปแบบข้อมูลอัตโนมัติสำหรับช่องข้อความที่กำหนดชนิดข้อมูลเอาไว้ ได้แก่:
บรรทัดที่ 22: บรรทัดที่ 24:
** '''ค่าทศนิยม และร้อยละ''': ระบบจะปัดค่าทศนิยมที่ผู้ใช้กรอกให้มีความละเอียดตามที่ตั้งค่าไว้ พร้อมใส่เครื่องหมายคั่นหลักพัน/หมื่นตามที่กำหนด
** '''ค่าทศนิยม และร้อยละ''': ระบบจะปัดค่าทศนิยมที่ผู้ใช้กรอกให้มีความละเอียดตามที่ตั้งค่าไว้ พร้อมใส่เครื่องหมายคั่นหลักพัน/หมื่นตามที่กำหนด


* หมายเลข 2: ช่องใส่ข้อความประเภทหลายบรรทัด ใช้ปุ่ม Ctrl + Enter เพื่อขึ้นบรรทัดใหม่ ช่องข้อมูลประเภทนี้สามารถยืดหดในแนวตั้งได้ โดยผู้ใช้คลิกค้างบริเวณสามเหลี่ยมที่มุมขวาล่างของช่องกล่องข้อความค้างไว้ แล้วขยับเมาส์
* หมายเลข 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}} กรณีที่ระบบเปิดหน้าต่างค้นหาขึ้น ให้ผู้ใช้เลือกรายการที่ต้องการแล้วกดปุ่ม "ตกลง" ด้านล่างของหน้าต่าง (ผู้ใช้สามารถเลือกรายการด้วยคีย์บอร์ด ตามรายละเอียดในหัวข้อ "ตารางในระบบ CuneiFox")</p>
** <p>กรอกข้อความค้นหาเบื้องต้น แล้วกดปุ่ม {{key press|Enter}} หรือ {{key press|Tab}} หรือคลิกที่อื่นบนหน้าจอ ระบบจะค้นหาเฉพาะรายการที่มีรหัสขึ้นต้นด้วยข้อความค้นหา หากพบเพียงรายการเดียว ระบบจะเลือกรายการนั้นให้โดยอัตโนมัติ หากไม่พบหรือพบมากกว่า 1 รายการ ระบบจะเปิดหน้าต่างค้นหา พร้อมแสดงรายการทั้งหมดที่พบ</p><p>{{3stars}} กรณีที่ระบบเปิดหน้าต่างค้นหาขึ้น ให้ผู้ใช้เลือกรายการที่ต้องการแล้วกดปุ่ม "ตกลง" ด้านล่างของหน้าต่าง (ผู้ใช้สามารถเลือกรายการด้วยคีย์บอร์ด ตามรายละเอียดในหัวข้อ [[ตารางในระบบคูนิฟ็อกซ์]])</p>


* <p>หมายเลข 7: ช่องเลือกข้อมูล ให้ผู้ใช้เลือกข้อมูลจากตัวเลือกที่กำหนดไว้</p><p>{{3stars}} ช่องข้อมูลบางช่องอาจถูกปิดกั้นการเปลี่ยนแปลงค่าเอาไว้ ช่องข้อมูลเหล่านี้มักจะเป็นข้อมูลที่กรอกหรือคำนวณโดยอัตโนมัติ หรือเป็นค่าที่ไม่อนุญาตให้แก้ไขหลังจากเพิ่มรายการไปเรียบร้อยแล้ว</p>
* <p>หมายเลข 7: ช่องเลือกข้อมูล ให้ผู้ใช้เลือกข้อมูลจากตัวเลือกที่กำหนดไว้</p><p>{{3stars}} ช่องข้อมูลบางช่องอาจถูกปิดกั้นการเปลี่ยนแปลงค่าเอาไว้ ช่องข้อมูลเหล่านี้มักจะเป็นข้อมูลที่กรอกหรือคำนวณโดยอัตโนมัติ หรือเป็นค่าที่ไม่อนุญาตให้แก้ไขหลังจากเพิ่มรายการไปเรียบร้อยแล้ว</p>