ขั้นตอนที่ 9: สร้างชื่อที่ไม่ซ้ำกันสำหรับแต่ละอินสแตนซ์ขององค์ประกอบ

ขั้นตอนนี้จะอธิบายวิธีการสร้างชื่อเฉพาะสำหรับอินสแตนซ์องค์ประกอบที่แตกต่างกันของคุณ

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

คุณสามารถใช้ Sites SDK เพื่ออัปเดตชื่อสำหรับองค์ประกอบ ในขั้นตอนนี้ คุณจะต้องอัปเดตชื่อตามคุณสมบัติ "imageBannerText"

ในการอัปเดตชื่อ ให้แก้ไขไฟล์ render.js และเพิ่มรหัสนี้ในออบเจกต์ SampleComponentViewModel ของคุณ

self.updateDescription = ko.computed(function () {
  SitesSDK.setProperty('description', self.imageBannerText());
});

การประมวลผลของ Knockout จะอัปเดตคำอธิบายสำหรับองค์ประกอบของคุณ เมื่อใดก็ตามที่รายการที่สังเกตเห็นได้ imageBannerText เปลี่ยนแปลงไป