ค้นหาเว็บไซต์

angular - PrimeNG p-table: ป้องกันการออกจากเซลล์


ฉันใช้ PrimeNG และคอมโพเนนต์ p-table ของมันในโปรเจกต์ของฉัน ตารางนี้สามารถแก้ไขได้ ดังนั้นคุณสามารถคลิกที่เซลล์แล้วแก้ไขเนื้อหาได้โดยตรง ดังในตัวอย่างนี้: https://www.primefaces.org/primeng/showcase/#/table/edit

ฉันใช้เหตุการณ์เหล่านี้เพื่อตอบสนองต่อการแก้ไข:

private onEditInit(event) {
}

private onEditCancel(event) {
}

private onEditComplete(event) {
}

สิ่งที่ฉันต้องการบรรลุ:

ฉันมีฟิลด์บางอย่างที่ต้องไม่ว่างเปล่า นั่นคือมันเป็นฟิลด์บังคับ เมื่อผู้ใช้ทำการแก้ไขเสร็จสิ้น (โดยการคลิกที่อื่น) ฟังก์ชัน onEditComplete จะถูกเรียก ที่นั่นฉันสามารถตรวจสอบได้ว่าเขาได้ป้อนค่าแล้วหรือไม่ และถ้าเป็นฟิลด์บังคับแต่ยังไม่ได้กรอก ฉันสามารถแสดงข้อความเตือนให้เขาได้

ตอนนี้ฉันต้องการป้องกันไม่ให้ผู้ใช้สามารถทำการแก้ไขเสร็จสมบูรณ์ได้เลย ตราบใดที่ยังไม่ได้ป้อนค่าที่ถูกต้อง โฟกัสควรอยู่ในเซลล์เสมอ ใครพอจะให้คำแนะนำเกี่ยวกับวิธีการทำให้สำเร็จบ้างไหม?

บทความที่เกี่ยวข้อง