首页 > 其他分享 >Microsoft 365 开发篇:如何使用JSON Format来定制New Item的页面布局

Microsoft 365 开发篇:如何使用JSON Format来定制New Item的页面布局

时间:2022-10-07 17:08:06浏览次数:80  
标签:Tasks displayname Format fields SharePoint Item JSON Online

Blog链接:​​​https://blog.51cto.com/13969817​

我们使用SharePoint Online作为企业数据存储和协作办公管理平台时,往往根据用户的实际需求基于SharePoint Online做了很多二次开发,比如最常见的一个场景,利用列表来管理项目中不同觉得的任务分配和完成进度,默认的项目显示如下样式:

Microsoft 365 开发篇:如何使用JSON Format来定制New Item的页面布局_json

但这种样式对用户来说,信息类别划分不够醒目,如果能将该页面的栏目做一个段落式的划分就完美了,为了满足用户自己可以更改layout,Microsoft 在Modern List 中做了更改,用户可以点击右上角的Edit form下拉菜单,选择“Configure Layout”选项,如下所示:

Microsoft 365 开发篇:如何使用JSON Format来定制New Item的页面布局_json_02

进入Configure Layout页面,更改为Body换布局,然后再Formatting Code里添加JSON:

·       用于以分段方式或组方式显示SharePoint Online列表中的列或字段。

·       可以添加一个或多个带有字段的节,以自定义或格式化SharePoint Online列表表单。

{
"sections": [
{
"displayname": "Tasks Assigned",
"fields": [
"Task Name",
"Description",
"Assign To"
]
},
{
"displayname": "Tasks Period",
"fields": [
"StartDate",
"DueDate"
]
},
{
"displayname": "Tasks Status",
"fields": [
"TasksStatus",
"Priority",
"Attachments",
"Apply Label",
"%Completed"
]
}
]
}

Microsoft 365 开发篇:如何使用JSON Format来定制New Item的页面布局_List Form_03

保存之后,再次新建Item的时候,格局就发生如下变化:

Microsoft 365 开发篇:如何使用JSON Format来定制New Item的页面布局_json_04

以上就是如何利用JSON Format 来自定义List Form,整理出来,希望对大家有所帮助。

标签:Tasks,displayname,Format,fields,SharePoint,Item,JSON,Online
From: https://blog.51cto.com/u_13969817/5734620

相关文章

  • httpclient实现HttpGet请求传body的json参数的!
    原文来自:https://admins.blog.csdn.net/article/details/109809386前言最近调用公司项目一个接口时,发现该接口是一个Get请求,入参在Body中(json格式)。场景如下:A服务需发送h......
  • HttpClient发送Post请求传递json、普通参数
    importcom.alibaba.fastjson.JSONObject;importorg.apache.http.HttpEntity;importorg.apache.http.NameValuePair;importorg.apache.http.client.entity.UrlEncod......
  • Springboot 之 Filter 实现 Gzip 压缩超大 json 对象
    简介在项目中,存在传递超大json数据的场景。直接传输超大json数据的话,有以下两个弊端占用网络带宽,而有些云产品就是按照带宽来计费的,间接浪费了钱传输数据大导致......
  • 模板基类与正确的派生类函数调用--Effective C++ Item 43
    问题描述假设我们有这样一个业务场景,我们管理着许多公司,每个公司都有一个自己的许多日志信息需要处理,于是为了方便,我们写了一个模板类用来处理这些公司的信息,并且将这些公......
  • JSON
    json在线解析:https://www.sojson.com/json基础入门:https://blog.csdn.net/Rao_Limon/article/details/80011601学习网站:http://c.biancheng.net/json/what-is-json.html......
  • jsonschema2pojo 基于json schema 生成代码
    jsonschema2pojo是一个很不错的基于jsonschema生成代码的包以及工具(maven扩展)jsonschema2pojo特点支持基本的jsonschema操作支持java扩展,比如别名,继承扩展接口外......
  • quicklib json序列
    quicklibjson序列quicklib面向MODEL的JSON序列。unitUnit2;///<author>cxg2022-6-14</author>interfaceusesquick.Json.Serializer,Quick.MemoryCache.Seri......
  • openmetadata jsonschema 处理的一些变动
    openmetadata估计是因为quicktype使用复杂费事,最近版本quicktype的集成已经废弃了,都使用jsonschema2pojo了实际上使用jsonschema2pojo对于java项目来说也比较好,毕竟......
  • Android中的JSON详细总结
    1、JSON(JavaScriptObjectNotation)定义:一种轻量级的数据交换格式,具有良好的可读和便于快速编写的特性。业内主流技术为其提供了完整的解决方案(有点类似于正则表达式,获得......
  • vue res.data接收到的是字符串的处理方式,先转化成Json格式再解析
    api.postWachPay(param).then(res=>{this.html=res.data;letdata=JSON.parse(res.data)console......