最近有這么個需求，用戶希望在所有項目視圖顯示多行文本字段，然后，又不希望顯示的過場，也就是處理一下長度。

　　一開始就想到用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 "" + newBodyValue + "";         } 

　　后來，用戶又希望鼠標點擊縮略文檔的時候，能顯示所有內容，天啊，滿足客戶需求，畢竟，客戶就是上帝！！！

　　簡單的改了一下默認腳本的return的值，如下：

return "" + bodyValue + "" + newBodyValue + "";

然后，再加一個切換效果的腳本，如下：

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";    }}

　　這樣，就滿足用戶單擊可以切換縮略文本和完整文本的功了。

　　運行效果