关于JSLink你不知道的五件事

原文地址：点击打开链接

1，JSLink支持添加多个js文件，多个js文件使用‘|’分隔：

~sitecollection/Style Library/spdevlab/spdevlab.multiple-1.js|~sitecollection/Style Library/spdevlab/spdevlab.multiple-2.js

2，JSLink可以使用"(d)"标签，延迟加载js文件。在js文件地址的最后添加(d)标签如下：

~sitecollection/Style Library/spdevlab/spdevlab.multiple-1.js|~sitecollection/Style Library/spdevlab/spdevlab.multiple-2.js(d)|~sitecollection/Style Library/spdevlab/spdevlab.multiple-3.js(d)

对于第一个js文件，没有(d)标签的js文件，在浏览器中生成的注册代码是：

<script type=”text/javascript” src=”/sites/dev4/style%20library/spdevlab/spdevlab.multiple-1.js?ctag=0$$15.0.4420.1017″></script>

而对于后两个文件，浏览器中生成的注册代码是：

<script type=”text/javascript”>RegisterSod(“~sitecollection/style library/spdevlab/spdevlab.multiple-2.js”, “\u002fsites\u002fdev4\u002fstyle\u002520library\u002fspdevlab\u002fspdevlab.multiple-2.js”);</script>

<script type=”text/javascript”>RegisterSod(“~sitecollection/style library/spdevlab/spdevlab.multiple-3.js”, “\u002fsites\u002fdev4\u002fstyle\u002520library\u002fspdevlab\u002fspdevlab.multiple-3.js”);</script>

3， 有一些field的JSLink属性是不能重写的，例如TaxonomyField，有自己的JSLink属性，并且不能更改：

// Microsoft.SharePoint.Taxonomy.TaxonomyField
public override string JSLink
{
    get
    {
        return "SP.UI.Taxonomy.js|SP.UI.Rte.js(d)|SP.Taxonomy.js(d)|ScriptForWebTaggingUI.js(d)";
    }
}

4，大多数的field的客户端展示都依赖于clienttemplates.js这个js文件，但是一些特殊的field，有自己单独的用户客户端展示的js文件，例如：

clienttemplates.js – 多数field都使用这个文件
Geolocationfieldtemplate.js – SPFieldGeolocation
sp.ui.relateditems.js – RelatedItemsField
choicebuttonfieldtemplate.js – OutcomeChoiceField
SP.UI.Taxonomy.js – TaxonomyField

5，JSLink除了支持~site和~sitecollection这两个占位符之外，还支持以下占位符：

~layouts
~siteLayouts
~siteCollectionLayouts

使用~layouts占位符可以根据SharePoint的版本自动替换为_layouts/14或者_layouts/15。