SharePoint JS Link 之(五)关于JSLink的一些FAQ

巨晟 MCU JSLINK 入门 点击固件升级,点击获取查看当前烧录器版本,如果版本过旧,点击第3步选择烧录器上位机所在目录下的Firmware文件中的bin文件进行升级。烧录器与机台(金创图)接线方式如下,下面杜邦线颜色是我司仪器上杜邦线的颜色,客户拿到的颜色可能不一样,要参考客户购买机台的线为准,只要按照标识进行正确连接即可。注意:当USB连接电脑后,若连接正常,右上角的设备状态将由未检测到设备转为JS CMSIS-DAP,同时红色灯将转为绿色灯。VCC <----> VCC 红色。 阅读详情

关于JSLink的一些FAQ


1.    JSLink可以被应用在哪里?

JSLink 可以被应用到fields, Web Parts, 列表表单(list form), 视图(view)和内容类型(content type).


2.    JSLink文件可以放到哪里?

JSLink可以放到SharePoint的任何的文档库里,或者layout文件夹下。放到不同的位置,在引用的时候,前缀也不一样:

§ ~site—表示要引用的JSLink文件在当前站点下

§ ~sitecollection—表示要引用的JSLink文件在当前站点所在的网站集下

§ ~layouts—表示要引用的JSLink_layouts/15

§ ~sitecollectionlayouts—表示要引用的JSlink在当前网站集合的layouts文件夹下(比如/sites/mysite/_layouts/15).

§ ~sitelayouts—表示要引用的JSlink在当前站点的layouts文件夹下(比如site/mysite/mysubsite/_layouts/15).

 

3.    JSLink都能改哪些地方?

用于注册修改方法的template对象有以下属性:Header, Body,Footer, OnPreRender, OnPostRender, Group, Item and Fields。可以在这些地方做相应的重写,来改变显示样式


4.    要修改一个列表的所有表单,应该如何写?

如果要修改一个filed的在不同表单上的样式,可以按照下面的例子来写,分别是View, DisplayForm, EditForm, NewForm

siteCtx.Templates.Fields= {
  //MyCustomField is the Name of our field
 'MyCustomField': {
 'View': customView,
 'DisplayForm': customDisplayForm,
 'EditForm': customNew,
 'NewForm': customEdit
  }
};


5.    JSLink vs. XSL/XSLT

JSLink相对于XSL/XSLT有一些优势。首先它使用的是JavaScript,绝大多数的Web 开发人员都很熟悉。XSLT在开发和调试上都比较难。因此JSLink可以减少开发时间和成本。

在客户端使用JavaScript, HTMLCSS来渲染,避免了对服务器的不必要的负载,提高了总体的加载速度,使页面有更好的响应。

再有就是,使用JSLink你可以定制化一个视图的所有的部分。比如,如果你只想定制化一个field,你只要重写这部分逻辑就可以,其他的部分还是按照以前的逻辑。使用JSLink, 你也可以使用JaveScript,包括一些流行的插件,比如jQuery

当然,任何技术都有不足,JSLink也是。比如,如果用户的浏览器阻止了JaveScriptJSLink 就不好用了。使用XSLT的服务器端渲染,就不会有这个问题,但是会有效率问题。

如果一个用户的浏览器或者系统非常的旧,那么执行Script也会使秀安然速度下降。

最终,搜索引擎爬网的时候,更喜欢静态的html代码,而不是由Ajax/JavaScript生成的动态的内容。因此如果你的网站是面向公共的,那么JSLink并不是最好的选择。

JSLink-Samples:SharePoint 2013 的 JSLink 片段集合 JSLink-示例 已在各种项目中实现的 JSLink 片段的集合。 文件夹导航 向文档库列表视图添加面包屑导航。 这允许用户在单击文件夹后向上导航。 认识团队 呈现列表的列表视图以显示为名片。 链接框 呈现链接列表的列表视图以显示为可滚动框。 敢于伟大 渲染图片库的列表视图,以显示图像库,所选图像显示在顶部。 必填列 名称 办公室 立即下载

相关推荐

JS Link-Change the color of column value

使用JS Link代码来修改SharePoint Column值得颜色

无涯教程-Javascript - link()函数

此方法创建请求另一个URL的HTML超文本链接。

无涯教程 529

link中调用js方法

link中调用js方法 link中调用js方法link中调用js方法link中调用js方法

link和script标签

指定外部资源,建立html和外部资源的联系。

妍思码匠的博客 1481

关于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

shrenk的专栏 1950

JS <a>标签Link拼接

通过拼接a标签跳转,1、获取现有参数再 新增选项卡跳转

m0_74381444的博客 788

jquery在js中自行添加link

var link = document.createElement( 'link' ); link.href = '../../css/elder/footers.css'; link.rel ='stylesheet' ; link.type = 'text/css' ; head.appendChild(link);

weixin_46125684的博客 1546

Next.jsLink 组件的使用方法

Link 是 Next.js 提供的一个核心组件,用于实现客户端导航(Client-side Navigation),它能够在页面之间切换时避免整页刷新,提供更快的页面过渡体验。

前端金牌摸鱼达人 1429

link和@import的

link和@import

qq_43565264的博客 362

JS魔法堂:LINK元素深入详解

一、前言                               我们一般使用方式为 &lt;link type="text/css" rel="stylesheet" href="text.css"&gt; 来引入外部层叠式样式文件,但LINK元素各属性的具体含义、资源加载行为等方面却了解不多,本文打算稍微深入一下。   由于内容较多,特设目录一坨:   二、到底有没有结束标签?  ...

weixin_34115824的博客 271

通过js动态创建link标签

var url = "css/common.css" var link=document.createElement("link"); link.setAttribute("rel", "stylesheet"); link.setAttribute("type", "text/css"); link.setAttribute("href", url); document.getElementsByTagName("head")[0].appendChild(link)

不靠谱的作曲家 2325

link引入与script引入的区别

link 一般引入css样式 eg: < link rel=“stylesheet” href=“css/index.css”> link引入强调次序 script 一般引入的是 JAVASCRIPT 脚本 eg: < script src=“js/jquery-1.11.3.js”>< /script> 因此,引入jQuery,只能用script引入而不能用link引入 ...

qq_49353940的博客 4756

JavaScript的三种写法

1.2-JavaScript的三种写法 1-复习CSS代码的三种写法 1.外联样式:写在css文件中,使用link导入 <link rel="stylesheet" href="路径/01-css外联样式.css"> css外联样式的本质其实就是字符串替换 将下方这行代码替换成对应文件的所有代码 2.内联样式:写在style标签中,如果界面css样式比较简单可以使用,复杂的话不推荐 <style>.div{background: green;}</style&g

Henry_ID的博客 3201

SharePoint JavaScript入门教程

本课程以SharePoint 2016环境为基础,介绍如何在SharePoint中使用JavaScript对象模型,进行常见的操作和一些功能开发实例。本系列教程完全适用于SharePoint 2010/2013/2016以及Office 365中的SharePoint Online。

SharePoint JS Link 之( 三)如何设置JSLink的引用

JSLink文件写好之后,有多种方法可以设置SharePoint里对JSLink的JavaScript 文件的引用: server object model WindowsPowerShell Features里面的Element.xml文件 Web Part 属性 client object model。

SPFarmer的SharePoint专栏 2175

JSLink文件中使用field的自定义属性

根据自定义的Color属性的值,在JSLink文件中为ColorField的值添加不同的样式,这里需要用到一个trick,首先在重写JSLink的地方,添加查询字符串,把自定义的field的name和Color属性的值放到查询字符串中,这样我们在客户端就可以读取到当前的field的Color属性了

shrenk的专栏 2710

sharepoint JSLink 改变列表字体颜色

 (function () { alert("JSLink");     var docCategoryColorContext = {};     docCategoryColorContext.Templates = {};     docCategoryColorContext.Templates.Fields = {         "DocCategory": {   

Ging1314的专栏 848
上一篇: SharePoint JS Link 之(四)JSlink常见例子和代码下载
下一篇: InfoPath与SharePoint之(一) InfoPath和SharePoint List
SPFarmer
博客等级 码龄12年 111粉丝 93原创
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值