资讯动态

List-Formatting完整指南:用JSON为SharePoint列表重新定义外观与行为,面向初学者快速上手

发布时间:2026/8/24 1:56:29 来源:尧图企业网站定制
List-Formatting完整指南用JSON为SharePoint列表重新定义外观与行为面向初学者快速上手【免费下载链接】List-FormattingList Formatting Samples for use in SharePoint and Microsoft Lists项目地址: https://gitcode.com/gh_mirrors/li/List-FormattingList-Formatting是SharePoint和Microsoft Lists的官方能力用一段JSON描述列表列、视图或表单长什么样、点了之后会发生什么。这个开源项目收集了数百个可直接套用的JSON模板让你不写代码就给列表加上按钮、流程状态和Teams快捷入口。本文带你从零走到出结果。工单列表只能看不能动你可能正遇到的难题想象你在Microsoft Lists微软提供的一张云端数据表类似Excel但更适合存结构化业务数据里维护一张工单表有优先级状态列几十行数据。但列表只能看不能动哪行是紧急的看不出来行内也没有升级解决按钮得逐条打开去翻自动化流程或者找管理员代操作。缺的不是数据是交互——你希望列表本身就长出按钮还会根据行内数据自动判断该不该亮着。上优先级为high时Escalate按钮才可点击状态为new时Resolve按钮置灰——这就是List-Formatting处理后的列表核心机制用JSON格式描述列表的外观与行为List-Formatting的思路很简单你把这一列怎么显示写成一段JSON对象SharePoint照着渲染。JSON里包含三类信息渲染什么元素按钮、图片、图标、什么样式颜色、圆角、布局、点击后干什么如executeFlow打开流程运行面板。而像 if([$Status] new, ...) 这样的公式能让每一行按当前行的 $Status 值自己渲染自己。下面这个简化版按钮格式来自示例优先级为high时Escalate按钮变成深青色可点否则置灰{ elmType: button, txtContent: Escalate, style: { background-color: if([$Priority] high, #287b7d, #e0e0e0) }, customRowAction: { action: executeFlow, actionParams: {\id\: \FlowID\} } }完整模板可以直接取 column-samples/generic-action-buttons/ 里的文件。分步实践六步给列表加上自动化按钮克隆仓库git clone https://gitcode.com/gh_mirrors/li/List-Formatting挑样例column-samples/ 下每个样例都有README先看View requirements一节确认格式依赖哪些列和取值。按需求建列本例需要两个选项列Prioritylow/medium/high和Statusnew/in progress/resolved再加一个单行文本列Actions。创建流程在Power Automate微软的自动化流程工具里建一个手动触发的流程并设为从此表单启动复制它的流程ID。把JSON里的 占位符替换成你复制到的真实ID。打开列表视图点Actions列的列菜单 → 格式化此列 → 切到高级模式粘贴JSON并保存按钮立即出现。常见场景速览操作按钮、流程状态与Teams分享场景效果样例位置条件操作按钮按钮按行内容自动显隐和启用点击触发对应自动化流程column-samples/generic-action-buttons/流程状态可视化列表里直接显示流程当前阶段悬停还能看到本次运行的直达链接column-samples/generic-flow-status/深度链接启动应用从列表直接打开相关Power Apps应用并带上当前行数据column-samples/generic-launch-powerapp/一键分享到Teams点一个图标把文档发到指定的Teams频道column-samples/generic-share-to-teams/上流程状态列在列表中展示当前阶段已运行过的行可点进具体运行记录方便排障容易踩的坑与FAQ流程ID、列取值与JSON语法流程ID占位符没替换点了按钮没反应。应用格式前搜索JSON里的 FLOWID... 占位符并全部替换成真实ID同时在Power Automate确认流程是手动触发且处于启动状态。样例粘贴后显示和截图不一样。多数样例依赖特定的列名和取值拼写例如必须全小写。照README的View requirements表逐项核对取值对不上时改列的值或改公式里比较的值。JSON保存时提示格式无效。基本是语法问题多了一个逗号、引号没闭合。别手抄直接复制仓库里的原始文件只动流程ID。回到开头的工单列表换上这段JSON后紧急工单会亮出可点击的升级按钮已解决的自动置灰不用再逐条打开去找流程。这就是List-Formatting的起点——让列表本身成为工作的入口。【免费下载链接】List-FormattingList Formatting Samples for use in SharePoint and Microsoft Lists项目地址: https://gitcode.com/gh_mirrors/li/List-Formatting创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考

读完文章,也想定制专属网站?

尧图设计师 24 小时内与您沟通定制方案

免费获取报价