แชร์ผ่าน

เพิ่ม JavaScript แบบกำหนดเองในรายการ

  • บทความ

หมายเหตุ

พอร์ทัล Power Apps คือ Power Pages โดยมีผลในวันที่ 12 ตุลาคม 2022 ข้อมูลเพิ่มเติม: Microsoft Power Pages มีให้ใช้งานทั่วไป (บล็อก)
ในไม่ช้าเราจะย้ายและรวมคู่มือพอร์ทัล Power Apps เข้ากับ คู่มือ Power Pages

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

ตัวอย่าง JavaScript แบบกำหนดเอง

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

$(document).ready(function (){
$(".entitylist.entity-grid").on("loaded", function () {
$(this).children(".view-grid").find("tr").each(function (){
// do something with each row
$(this).css("background-color", "yellow");
});
});
});

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

$(document).ready(function (){
   $(".entitylist.entity-grid").on("loaded", function () {
      $(this).children(".view-grid").find("td[data-attribute='accountnumber']").each(function (i, e){
         var value = $(this).data(value);
         // now that you have the value you can do something to the value
      });
   });
});

ดูเพิ่มเติม