首页 / sharepoint / SharePoint 列表视图修改多行文本字段显示长度

SharePoint 列表视图修改多行文本字段显示长度

办公教程导读

互联网集市收集整理了【SharePoint 列表视图修改多行文本字段显示长度】办公软件教程，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1576字，纯文字阅读大概需要3分钟。

办公教程内容图文

最近有这么个需求，用户希望在所有项目视图显示多行文本字段，然后，又不希望显示的过场，也就是处理一下长度。

　　一开始就想到用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 列表视图修改多行文本字段显示长度。 如果觉得互联网集市办公软件教程内容还不错，欢迎将互联网集市网站推荐给好友。

办公教程备注

版权声明：本文内容由互联网用户贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

办公教程手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/mdoffice/info76080.html

来源：【匿名】