ขั้นตอนที่ 8: รันการดำเนินการ

ที่ส่วนท้ายของหัวข้อนี้ คุณจะสามารถวางองค์ประกอบในเพจซึ่งรันการดำเนินการภายในองค์ประกอบของคุณได้ ซึ่งจะใช้ประโยชน์จากการรีจิสเตอร์การดำเนินการที่คุณสร้างไว้ในขั้นตอนก่อนหน้า

หากต้องการให้องค์ประกอบรันการดำเนินการ จะต้องมีการรับข้อความ EXECUTE_ACTION ข้อความนี้จะมีเพย์โหลดที่ส่งไปยังการดำเนินการซึ่งคุณจะต้องดึงข้อมูลค่าที่ต้องการ

ในการรับข้อความ EXECUTE_ACTION ให้แก้ไขไฟล์ render.js และอัปเดตออบเจกต์ SampleComponentViewModel ที่มีรายการต่อไปนี้:

SitesSDK.subscribe('EXECUTE_ACTION', $.proxy(self.executeActionsListener, self));

เมื่อได้รับข้อความ EXECUTE_ACTION ระบบจะรันฟังก์ชันการเรียกกลับที่เชื่อมโยง:

    self.executeActionsListener = function (args) {
      // get action and payload
      var payload = args.payload,
      action = args.action;

      // handle 'setImageWidth' actions
      if (action && action.actionName === 'setImageWidth') {
        $.each(payload, function(index, data) {
          if (data.name === 'imageWidth') {
            self.imageWidth(data.value);
          }
        });
      }
    }

การดำเนินการนี้จะสร้างฟังก์ชัน JavaScript เพื่อรันการดำเนินการ จากนั้นใช้ Sites SDK เพื่อเรียกฟังก์ชันเมื่อมีข้อความ EXECUTE_ACTION

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

เพย์โหลดสำหรับการดำเนินการเป็นอาเรย์ของค่า โดยทั่วไป คุณจะต้องค้นหาค่าของเพย์โหลดที่คุณต้องการจากอาเรย์