#เขียนและรัน JS ออนไลน์

ใน NocoBase, RunJS เป็นวิธีการขยายความสามารถที่เบาและยืดหยุ่น เหมาะสำหรับสถานการณ์ที่ต้องการ ทดลองอย่างรวดเร็ว และ จัดการตรรกะชั่วคราว ครับ/ค่ะ โดยคุณสามารถปรับแต่งหน้าตาหรือการโต้ตอบต่างๆ ได้ตามต้องการด้วย JavaScript โดยไม่ต้องสร้างปลั๊กอินหรือแก้ไขซอร์สโค้ดเลยครับ/ค่ะ

ด้วย RunJS นี้ คุณสามารถป้อนโค้ด JS ได้โดยตรงในตัวออกแบบ UI (UI builder) เพื่อทำสิ่งเหล่านี้ได้ครับ/ค่ะ:

• ปรับแต่งการแสดงผลเนื้อหา (เช่น ฟิลด์, บล็อก, คอลัมน์, รายการ เป็นต้น)
• ปรับแต่งตรรกะการโต้ตอบ (เช่น การคลิกปุ่ม, การเชื่อมโยงเหตุการณ์)
• สร้างพฤติกรรมแบบไดนามิกโดยใช้ข้อมูลบริบท

#สถานการณ์ที่รองรับ

#บล็อก JS

คุณสามารถปรับแต่งการแสดงผลบล็อกด้วย JS ทำให้คุณควบคุมโครงสร้างและสไตล์ของบล็อกได้อย่างสมบูรณ์ครับ/ค่ะ เหมาะสำหรับสถานการณ์ที่ต้องการความยืดหยุ่นสูง เช่น การแสดงผลคอมโพเนนต์ที่กำหนดเอง, แผนภูมิสถิติ, เนื้อหาจากภายนอก เป็นต้น

เอกสารประกอบ: บล็อก JS

#แอคชัน JS

คุณสามารถปรับแต่งตรรกะการคลิกของปุ่มแอคชันด้วย JS ซึ่งช่วยให้คุณสามารถดำเนินการคำขอฝั่ง Frontend หรือ API ใดๆ ก็ได้ครับ/ค่ะ เช่น คำนวณค่าแบบไดนามิก, ส่งข้อมูลที่กำหนดเอง, เรียกใช้งานป๊อปอัป เป็นต้น

เอกสารประกอบ: แอคชัน JS

#ฟิลด์ JS

คุณสามารถปรับแต่งตรรกะการแสดงผลของฟิลด์ด้วย JS ซึ่งช่วยให้คุณสามารถแสดงสไตล์, เนื้อหา หรือสถานะที่แตกต่างกันแบบไดนามิกตามค่าของฟิลด์ได้ครับ/ค่ะ

เอกสารประกอบ: ฟิลด์ JS

#รายการ JS

คุณสามารถแสดงผลรายการอิสระด้วย JS โดยไม่ผูกกับฟิลด์ใดๆ ครับ/ค่ะ มักใช้เพื่อแสดงบล็อกข้อมูลที่กำหนดเองครับ/ค่ะ

เอกสารประกอบ: รายการ JS

#คอลัมน์ตาราง JS

คุณสามารถปรับแต่งการแสดงผลคอลัมน์ตารางด้วย JS ซึ่งสามารถนำไปใช้สร้างตรรกะการแสดงผลเซลล์ที่ซับซ้อนได้ครับ/ค่ะ เช่น แถบความคืบหน้า, ป้ายสถานะ เป็นต้น

เอกสารประกอบ: คอลัมน์ตาราง JS

#กฎการเชื่อมโยง (Linkage Rules)

คุณสามารถควบคุมตรรกะการเชื่อมโยงระหว่างฟิลด์ในฟอร์มหรือหน้าเพจด้วย JS ครับ/ค่ะ เช่น เมื่อฟิลด์หนึ่งมีการเปลี่ยนแปลง ก็สามารถแก้ไขค่าหรือการมองเห็นของอีกฟิลด์หนึ่งได้แบบไดนามิกครับ/ค่ะ

เอกสารประกอบ: กฎการเชื่อมโยง

#โฟลว์เหตุการณ์ (Event Flow)

คุณสามารถปรับแต่งเงื่อนไขการทริกเกอร์และตรรกะการทำงานของโฟลว์เหตุการณ์ด้วย JS เพื่อสร้างชุดการโต้ตอบฝั่ง Frontend ที่ซับซ้อนยิ่งขึ้นได้ครับ/ค่ะ

เอกสารประกอบ: โฟลว์เหตุการณ์