分享方式：

將自訂 JavaScript 新增到清單

  • 文章

注意

自 2022 年 10 月 12 日起，Power Apps 入口網站為 Power Pages。 其他資訊：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
      });
   });
});

另請參閱