向列表中添加自定义 JavaScript

备注

从 2022 年 10 月 12 日起,Power Apps 门户更名为 Power Pages。 详细信息请参阅:Microsoft Power Pages 现已正式发布(博客)
不久后我们将迁移 Power Apps 门户文档并将其与 Power Pages 文档合并在一起。

门户管理应用中列表配置上的选项选项卡包含一个文本区域,您可以在其中输入自定义的 JavaScript。 如果您的页面包含 jQuery 库,则还可以在此处使用该库。 将把该脚本块添加到网页底部,页面的结尾窗体标记前。

自定义 JavaScript 示例。

此列表异步获取其数据,并且获取完毕后,将触发自定义 JavaScript 可侦听的事件 loaded,并处理网格中的项。 以下代码是一个普通示例:

$(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
      });
   });
});

另请参见