现代化自定制 - 列表和库部分
博客地址:http://blog.csdn.net/FoxDave
在现代化网站时一个重要方面就是要去了解在网站上使用的自定制都有哪些,因为不是所有已存在的自定制还能正常工作。一个我们常常会遇到的典型例子就是网站中的用来展示一些如法律声明等公司信息的横幅展示。
这一般会通过在页面中嵌入JavaScript代码来实现用户自定义操作,这种内容将不会显示在现代化页面上。绕个弯解决这个问题,我们可以将展示条通过SharePoint Framework应用自定义扩展来实现并部署到租户或网站上。
本文主要介绍一些对于列表和库的现代化用户接口不兼容的自定义并概要阐述如何修复它们。
列表和库中的自定义
这部分我们主要专注于列表和库的自定义,当SharePoint检测到某个列表或库具有不兼容的自定义内容的时候,它会自动退回到经典用户界面。因此如果我们想获得完全的现代化用户接口,就需要解决这些自定义设置。
JSLink
SharePoint中一个非常普遍的控制字段如何展示的模型就是使用JSLink。基本上,JSLink允许我们插入JavaScript脚本去渲染字段。在现代化用户接口中,类似的自定制可以在列表视图页面实现,编辑页暂不支持。
如果我们想要替换JSLink,我们可以考虑两个选项,哪个更好取决于现有解决方案的复杂程度:
- 如果只是关于如何显示数据,用字段格式化通常是最好的选择。
- 如果需要更多操作,使用SharePoint Framework字段自定制扩展通常是最好的选择。
使用字段格式化
我们可以使用字段格式化来自定制字段在SharePoint列表和库中如何显示。我们需要构建一个JSON对象来描述如何展示字段。格式化并不改变数据而只更改数据的逻辑显示样式。具有创建和管理列表视图权限的用户都可以使用它。
例如,一个有标题、工作量、指派给和状态字段的列表,并没有自定制,看起来是如下图的样子:
而通过字段格式化给工作量、指派给和状态字段加了自定制之后看起来可能是下图的样子:
之后我们会再具体介绍它的用法。
使用SharePoint Framework字段自定制扩展
SharePoint Framework扩展使我们能够通过使用熟悉的SharePoint Framework客户端开发工具和库,在现代化页面和列表库扩展用户体验。具体来说,字段自定制使我们能够完全控制字段数据要如何在我们的列表或库中展示。下图使一个例子:
同样地,之后也会进行更具体的介绍。
列表范围的用户自定义操作(添加自定义菜单或者嵌入JavaScript)
使用列表范围内的用户自定义操作如添加自定义菜单选项到列表的ribbon菜单或上下文菜单,或嵌入JavaScript是传统意义上常见的自定制模式,但是对于现代化列表和库来说并不可用了。幸运的是,使用SharePoint Framework扩展我们可以实现类似的自定制,特别是通过命令集扩展可以让我们添加自定义的上下文菜单项或自定义按钮到列表和库上。我们可以关联任意的JavaScript或TypeScript脚本到这些命令。
后续会进行更具体的介绍。
低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。
持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。
转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。
- 上一篇
Python垃圾回收机制【人生苦短,我用python】
现在的高级语言如java,c#等,都采用了垃圾收集机制,而不再是c,c++里用户自己管理维护内存的方式。自己管理内存极其自由,可以任意申请内存,但如同一把双刃剑,为大量内存泄露,悬空指针等bug埋下隐患。对于一个字符串、列表、类甚至数值都是对象,且定位简单易用的语言,自然不会让用户去处理如何分配回收内存的问题。python里也同java一样采用了垃圾收集机制,不过不一样的是:python采用的是引用计数机制为主,标记-清除和分代收集两种机制为辅的策略 引用计数机制: python里每一个东西都是对象,它们的核心就是一个结构体:PyObject typedef struct_object { int ob_refcnt; struct_typeobject *ob_type; } PyObject; PyObject是每个对象必有的内容
- 下一篇
hi-nginx-1.4.9正式发布,支持javascript后端开发
hi-nginx-1.4.9已经发布。 更新: 支持javascript后端开发 修复脚本搜索的一个bug 从这一版开始,hi-nginx开始支持javascript,这意味着把javascript应用于后端开发,将不再只有nodejs这唯一的途径和方法。由于java本身对javascript的极好支持,使得在hi-nginx中,可以直接在javascript脚本中使用java——相当于把java嵌入了javascript。 为了开启javascript支持,你只需要开启java支持即可:--enable-http-hi-java=YES。 例子: if (typeof (Mustache) == 'undefined') { load('https://cdn.bootcss.com/mustache.js/2.3.0/mustache.min.js') } var list = java.util.Arrays.asList(0, 1, 2, 3, 4, 5, 6, 7, 8, 9); var template = "{{#list}}* {{.}}\n{{/list}}" var...
相关文章
文章评论
共有0条评论来说两句吧...
文章二维码
点击排行
推荐阅读
最新文章
- CentOS7编译安装Gcc9.2.0,解决mysql等软件编译问题
- CentOS关闭SELinux安全模块
- SpringBoot2整合Thymeleaf,官方推荐html解决方案
- CentOS7安装Docker,走上虚拟化容器引擎之路
- CentOS8,CentOS7,CentOS6编译安装Redis5.0.7
- Jdk安装(Linux,MacOS,Windows),包含三大操作系统的最全安装
- CentOS7,CentOS8安装Elasticsearch6.8.6
- CentOS7设置SWAP分区,小内存服务器的救世主
- Red5直播服务器,属于Java语言的直播服务器
- Docker快速安装Oracle11G,搭建oracle11g学习环境