最近,一直在前端和SharePoint进行交互,然后,发现一个好用的插件,分享给大家。 首先,需要添加一个引用,如下图: 当然,我这里只是举个例子,亲们一定要去下载这个库,然后传到服务......
2021-06-25 541 SharePoint,读取,内容,的,插件,之,SharepointPlus,
最近有这么个需求,用户希望在所有项目视图显示多行文本字段,然后,又不希望显示的过场,也就是处理一下长度。
一开始就想到用js的方式去处理,偶然间发现还可以用jslink,尝试了一下,非常好用,分享给大家。
完整代码
// List View - Substring Long String Sample // Muawiyah Shannak , @MuShannak (function () { // Create object that have the context information about the field that we want to change it's output render var bodyFiledContext = {}; bodyFiledContext.Templates = {}; bodyFiledContext.Templates.Fields = { // Apply the new rendering for Body field on list view "Body": { "View": bodyFiledTemplate } }; SPClientTemplates.TemplateManager.RegisterTemplateOverrides(bodyFiledContext); })(); // This function provides the rendering logic function bodyFiledTemplate(ctx) { var bodyValue = ctx.CurrentItem[ctx.CurrentFieldSchema.Name]; //This regex expression use to delete html tags from the Body field var regex = /(<([^>]+)>)/ig; bodyValue = bodyValue.replace(regex, ""); var newBodyValue = bodyValue; if (bodyValue && bodyValue.length >= 100) { newBodyValue = bodyValue.substring(0, 100) + " ..."; } return "<span title='" + bodyValue + "'>" + newBodyValue + "</span>"; }
后来,用户又希望鼠标点击缩略文档的时候,能显示所有内容,天啊,满足客户需求,毕竟,客户就是上帝!!!
简单的改了一下默认脚本的return的值,如下:
return "<div onclick='changeShow(this)'><span style='display:none;'>" + bodyValue + "</span><span style='display:block;'>" + newBodyValue + "</span></div>";
然后,再加一个切换效果的脚本,如下:
function changeShow(obj) { var spans = $(obj).find("span"); if(spans[0].style.display == "none") { spans[0].style.display = "block"; spans[1].style.display = "none"; } else { spans[0].style.display = "none"; spans[1].style.display = "block"; } }
这样,就满足用户单击可以切换缩略文本和完整文本的功了。
运行效果
标签: SharePoint 列表 视图 修改 多行 文本 字段 显示
相关文章
最近,一直在前端和SharePoint进行交互,然后,发现一个好用的插件,分享给大家。 首先,需要添加一个引用,如下图: 当然,我这里只是举个例子,亲们一定要去下载这个库,然后传到服务......
2021-06-25 541 SharePoint,读取,内容,的,插件,之,SharepointPlus,
今天给各位分享sharepoint2007破解版的知识,其中也会对sharepoint2019下载进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、office2007产品......
2023-12-17 0 sharepoint2007破解版
本篇文章给大家谈谈sharepoint列表不能搜索,以及sharepoint对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 今天给各位分享sharepoint列表不能搜索的知识,其中也会对sha......
2024-01-17 0 sharepoint列表不能搜索
最近在用SharePoint Online 站点,一打开就是现代体验,看起来很好看,但是自己的功能,需要在传统体验下做起来更方便,所以需要切换回传统体验。 现代体验模式,如下图: 单个列表修改为传......
2021-06-25 404 SharePoint启用传统体验模式
本篇文章给大家谈谈sharepoint注册码,以及Sharepoint网页 同一个文件名字怎么更新?对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。今天给各位分享sharepoint注册码的知......
2024-01-04 0