SharePoint 2013 显示用户Lync是否在线（集成Lync）

本文讲述如何在SharePoint 2013 中显示用户Lync的状态（是否在线等）。

一共五种显示模式：

显示模式	Lync的状态	用户名	用户照片
DefaultRender	Yes	Yes	No
WithPicture	Yes	Yes	Yes
WithPictureDetails	Yes	Yes	Yes
PictureOnly	Yes	No	Yes
PresenceOnly	Yes	No	No

代码实现方式如下(注意替换邮件地址和userpictureUrl，按邮件地址确定用户)：

1. DefaultRender 模式

[html] view plain copy print ?

1. <span> 
2. <spanclass='ms-imnSpan'> 
3.   <ahref='#'onclick='IMNImageOnClick(event);return false;'class='ms-imnlink ms-spimn-presenceLink'> 
4.    <spanclass='ms-spimn-presenceWrapper ms-imnImg ms-spimn-imgSize-10x10'> 
5.     <imgname='imnmark'title=''ShowOfflinePawn='1'class='ms-spimn-img ms-spimn-presence-disconnected-10x10x32'src=    '/_layouts/15/images/spimn.png?rev=23'alt='User Presence'sip='test@hotmail.com'id='imn_1,ty    pe=sip'/> 
6.    </span> 
7.   </a> 
8. </span> 
9. <span> 
10. <a href='#'onclick='IMNImageOnClick(event);return false;'class='ms-imnlink'tabIndex='-1'> 
11. <imgname='imnmark'title=''ShowOfflinePawn='1'class=' ms-hide'src='/_layouts/15/images/spimn.png?rev=23'alt='Us  er Presence'sip='test@hotmail.com'id='imn_2,type=sip'/></a>Raghavendra Shanbhag 
12. </span> 
13. </span> 

<span>
 <span class='ms-imnSpan'>
  <a href='#' οnclick='IMNImageOnClick(event);return false;' class='ms-imnlink ms-spimn-presenceLink' >
   <span class='ms-spimn-presenceWrapper ms-imnImg ms-spimn-imgSize-10x10'>
    <img name='imnmark' title='' ShowOfflinePawn='1' class='ms-spimn-img ms-spimn-presence-disconnected-10x10x32' src=    '/_layouts/15/images/spimn.png?rev=23' alt='User Presence' sip='test@hotmail.com' id='imn_1,ty    pe=sip' />
   </span>
  </a>
 </span>
<span>
 <a href='#' οnclick='IMNImageOnClick(event);return false;' class='ms-imnlink' tabIndex='-1'>
<img name='imnmark' title='' ShowOfflinePawn='1' class=' ms-hide' src='/_layouts/15/images/spimn.png?rev=23' alt='Us  er Presence' sip='test@hotmail.com' id='imn_2,type=sip' /></a>Raghavendra Shanbhag
</span>
</span>

2. WithPicture 模式

[html] view plain copy print ?

1. <div> 
2. <div> 
3.     <span> 
4.        <ahref='#'onclick='IMNImageOnClick(event);return false;'class='ms-imnlink'tabIndex='-1'><imgname='imnmark'       title=''ShowOfflinePawn='1'class=' ms-hide'src='/_layouts/15/images/spimn.png?rev=23'alt='User Presence' s      ip='test@hotmail.com'id='imn_1,type=sip'/></a> 
5.    <span> 
6.    <imgstyle="width:62px; height:62px; border:none"src="yourpictureUrl"alt=" Ram"/> 
7.    </span> 
8.   </span></span> 
9. </div> 
10. <divclass="ms-floatLeft ms-descriptiontext"><spanclass="ms-verticalAlignTop ms-noWrap ms-displayInlineBlock"> 
11.     <spanclass='ms-imnSpan'><ahref='#'onclick='IMNImageOnClick(event);return false;'class='ms-imnlink ms-spimn-presenceLink'><spanclass='ms-spimn-presenceWrapper ms-imnImg ms-spimn-imgSize-10x10'><imgname='imnmark'title=''ShowOfflinePawn='1'class='ms-spimn-img ms-spimn-presence-disconnected-10x10x32'src='/_layouts/15/images/spimn.png?rev=23'alt='User Presence'sip='test@hotmail.com'id='imn_2,type=sip'/></span></a></span><spanclass="ms-noWrap ms-imnSpan"><ahref='#'onclick='IMNImageOnClick(event);return false;'class='ms-imnlink'tabIndex='-1'><imgname='imnmark'title=''ShowOfflinePawn='1'class=' ms-hide'src='/_layouts/15/images/spimn.png?rev=23'alt='User Presence'sip='test@hotmail.com'id='imn_3,type=sip'/></a>Ram</span> 
12. </span> 
13. </div> 
14. </div> 

<div>
<div>
    <span>
       <a href='#' οnclick='IMNImageOnClick(event);return false;' class='ms-imnlink' tabIndex='-1'><img name='imnmark'        title='' ShowOfflinePawn='1' class=' ms-hide' src='/_layouts/15/images/spimn.png?rev=23' alt='User Presence' s       ip='test@hotmail.com' id='imn_1,type=sip' /></a>
   <span>
   <img style="width:62px; height:62px; border:none" src="yourpictureUrl" alt=" Ram" />
   </span>
  </span></span>
</div>
<div class="ms-floatLeft ms-descriptiontext"><span class="ms-verticalAlignTop ms-noWrap ms-displayInlineBlock">
    <span class='ms-imnSpan'><a href='#' οnclick='IMNImageOnClick(event);return false;' class='ms-imnlink ms-spimn-presenceLink' ><span class='ms-spimn-presenceWrapper ms-imnImg ms-spimn-imgSize-10x10'><img name='imnmark' title='' ShowOfflinePawn='1' class='ms-spimn-img ms-spimn-presence-disconnected-10x10x32' src='/_layouts/15/images/spimn.png?rev=23' alt='User Presence' sip='test@hotmail.com' id='imn_2,type=sip' /></span></a></span><span class="ms-noWrap ms-imnSpan"><a href='#' οnclick='IMNImageOnClick(event);return false;' class='ms-imnlink' tabIndex='-1'><img name='imnmark' title='' ShowOfflinePawn='1' class=' ms-hide' src='/_layouts/15/images/spimn.png?rev=23' alt='User Presence' sip='test@hotmail.com' id='imn_3,type=sip' /></a>Ram</span>
</span>
</div>
</div>

3. WithPictureDetails 模式

[html] view plain copy print ?

1. <div> 
2. <divclass="ms-tableRow"> 
3. <div> 
4.   <spanclass='ms-imnSpan'> 
5.   <ahref='#'onclick='IMNImageOnClick(event);return false;'class='ms-imnlink ms-spimn-presenceLink'> 
6.    <spanclass='ms-spimn-presenceWrapper ms-imnImg ms-spimn-imgSize-10x10'><imgname='imnmark'title='' ShowOfflinePaw  n='1'class='ms-spimn-img ms-spimn-presence-disconnected-10x10x32'src='/_layouts/15/images/spimn.png?rev=23'alt='   User Presence'sip='test@hotmail.com'id='imn_661,type=sip'/></span> 
7.   </a> 
8.   </span></span> 
9. </div> 
10. <divclass="ms-tableCell ms-verticalAlignTop"> 
11. <divclass="ms-peopleux-userImgDiv"><spanclass="ms-imnSpan"><ahref='#'onclick='IMNImageOnClick(event);return false;'class='ms-imnlink'tabIndex='-1'><imgname='imnmark'title=''ShowOfflinePawn='1'class=' ms-hide'src='/_layouts/15/images/spimn.png?rev=23'alt='User Presence'sip='test@hotmail.com'id='imn_3452,type=sip'/></a><span><imgstyle="width:62px; height:62px; border:none"src="userpictureUrl"alt=" Ram"/></span></span></span></div></div><divclass="ms-tableCell ms-peopleux-userdetails ms-noList"><ulstyle="max-width:150px"><li><divclass="ms-noWrap"><span><ahref='#'onclick='IMNImageOnClick(event);return false;'class='ms-imnlink'tabIndex='-1'><imgname='imnmark'title=''ShowOfflinePawn='1'class=' ms-hide'src='/_layouts/15/images/spimn.png?rev=23'alt='User Presence'sip='test@hotmail.com'id='imn_34523,type=sip'/></a>Raghavendra Shanbhag</span></div></li></ul></div> 
12. </div> 
13. </div> 

<div>
<div class="ms-tableRow">
 <div>
  <span class='ms-imnSpan'>
  <a href='#' οnclick='IMNImageOnClick(event);return false;' class='ms-imnlink ms-spimn-presenceLink' >
   <span class='ms-spimn-presenceWrapper ms-imnImg ms-spimn-imgSize-10x10'><img name='imnmark' title='' ShowOfflinePaw   n='1' class='ms-spimn-img ms-spimn-presence-disconnected-10x10x32' src='/_layouts/15/images/spimn.png?rev=23' alt='   User Presence' sip='test@hotmail.com' id='imn_661,type=sip' /></span>
  </a>
  </span></span>
</div>
<div class="ms-tableCell ms-verticalAlignTop">
<div class="ms-peopleux-userImgDiv"><span class="ms-imnSpan"><a href='#' οnclick='IMNImageOnClick(event);return false;' class='ms-imnlink' tabIndex='-1'><img name='imnmark' title='' ShowOfflinePawn='1' class=' ms-hide' src='/_layouts/15/images/spimn.png?rev=23' alt='User Presence' sip='test@hotmail.com' id='imn_3452,type=sip' /></a><span><img style="width:62px; height:62px; border:none" src="userpictureUrl" alt=" Ram" /></span></span></span></div></div><div class="ms-tableCell ms-peopleux-userdetails ms-noList"><ul style="max-width:150px"><li><div class="ms-noWrap"><span><a href='#' οnclick='IMNImageOnClick(event);return false;' class='ms-imnlink' tabIndex='-1'><img name='imnmark' title='' ShowOfflinePawn='1' class=' ms-hide' src='/_layouts/15/images/spimn.png?rev=23' alt='User Presence' sip='test@hotmail.com' id='imn_34523,type=sip' /></a>Raghavendra Shanbhag</span></div></li></ul></div>
</div>
</div>

4. PictureOnly 模式

[html] view plain copy print ?

1. <div> 
2. <div> 
3. <divclass="ms-tableCell"> 
4.   <spanclass='ms-imnSpan'><ahref='#'onclick='IMNImageOnClick(event);return false;'class='ms-imnlink ms-spimn-prese  nceLink'><spanclass='ms-spimn-presenceWrapper ms-spimn-imgSize-8x72'><imgname='imnmark'title=''ShowOfflinePawn=  '1'class='ms-spimn-img ms-spimn-presence-disconnected-8x72x32'src='/_layouts/15/images/spimn.png?rev=23'alt='User   Presence'sip='test@hotmail.com'id='imn_1,type=sip'/></span></a></span></span></div> 
5. <divclass="ms-tableCell ms-verticalAlignTop"> 
6. <divclass="ms-peopleux-userImgDiv"><spanclass="ms-imnSpan"><ahref='#'onclick='IMNImageOnClick(event);return false;'class='ms-imnlink'tabIndex='-1'><imgname='imnmark'title=''ShowOfflinePawn='1'class=' ms-hide'src='/_layouts/15/images/spimn.png?rev=23'alt='User Presence'sip='test@hotmail.com'id='imn_2,type=sip'/></a><spanclass="ms-peopleux-imgUserLink"><spanclass="ms-peopleux-userImgWrapper"style="width:72px; height:72px"><imgstyle="min-width:72px; min-height:72px; clip:rect(0px, 72px, 72px, 0px); max-width:72px"src="userpictureurl"alt=" Ram"/></span></span></span></div> 
7. </div> 
8. </div> 
9. </div> 

<div>
<div>
<div class="ms-tableCell">
  <span class='ms-imnSpan'><a href='#' οnclick='IMNImageOnClick(event);return false;' class='ms-imnlink ms-spimn-prese  nceLink' ><span class='ms-spimn-presenceWrapper ms-spimn-imgSize-8x72'><img name='imnmark' title='' ShowOfflinePawn=  '1' class='ms-spimn-img ms-spimn-presence-disconnected-8x72x32' src='/_layouts/15/images/spimn.png?rev=23' alt='User   Presence' sip='test@hotmail.com' id='imn_1,type=sip' /></span></a></span></span></div>
<div class="ms-tableCell ms-verticalAlignTop">
<div class="ms-peopleux-userImgDiv"><span class="ms-imnSpan"><a href='#' οnclick='IMNImageOnClick(event);return false;' class='ms-imnlink' tabIndex='-1'><img name='imnmark' title='' ShowOfflinePawn='1' class=' ms-hide' src='/_layouts/15/images/spimn.png?rev=23' alt='User Presence' sip='test@hotmail.com' id='imn_2,type=sip' /></a><span class="ms-peopleux-imgUserLink"><span class="ms-peopleux-userImgWrapper" style="width:72px; height:72px"><img style="min-width:72px; min-height:72px; clip:rect(0px, 72px, 72px, 0px); max-width:72px" src="userpictureurl" alt=" Ram" /></span></span></span></div>
</div>
</div>
</div>

5. PresenceOnly 模式:

[html] view plain copy print ?

1. <spanclass='ms-imnSpan'> 
2.    <ahref='#'onclick='IMNImageOnClick(event);return false;'class='ms-imnlink ms-spimn-presenceLink'> 
3.     <spanclass='ms-spimn-presenceWrapper ms-imnImg ms-spimn-imgSize-10x10'><imgname='imnmark'title='' ShowOfflinePa   wn='1'class='ms-spimn-img ms-spimn-presence-disconnected-10x10x32'src='/_layouts/15/images/spimn.png?rev=23'alt    ='User Presence'sip='test@hotmail.com'id='imn_1,type=sip'/> 
4.    </span> 
5.   </a> 
6. </span> 

<span class='ms-imnSpan'>
   <a href='#' οnclick='IMNImageOnClick(event);return false;' class='ms-imnlink ms-spimn-presenceLink' >
    <span class='ms-spimn-presenceWrapper ms-imnImg ms-spimn-imgSize-10x10'><img name='imnmark' title='' ShowOfflinePa    wn='1' class='ms-spimn-img ms-spimn-presence-disconnected-10x10x32' src='/_layouts/15/images/spimn.png?rev=23' alt    ='User Presence' sip='test@hotmail.com' id='imn_1,type=sip' />
   </span>
  </a>
</span>

原文来自：http://blog.csdn.net/abrahamcheng/article/details/9990355

http://www.sharepointcolumn.com/lync-presence-indicators-code-snippets-in-sharepoint-2013/

http://www.sharepointcolumn.com/lync-presence-indicators-in-sharepoint-2013/