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

 

显示模式	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.  <span class='ms-imnSpan'>  
3.   <a href='#' onclick='IMNImageOnClick(event);return false;' class='ms-imnlink ms-spimn-presenceLink' >  
4.    <span class='ms-spimn-presenceWrapper ms-imnImg ms-spimn-imgSize-10x10'>  
5.     <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' />  
6.    </span>  
7.   </a>  
8.  </span>  
9. <span>  
10.  <a href='#' onclick='IMNImageOnClick(event);return false;' class='ms-imnlink' tabIndex='-1'>  
11. <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  
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.        <a href='#' onclick='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>  
5.    <span>  
6.    <img style="width:62px; height:62px; border:none" src="yourpictureUrl" alt=" Ram" />  
7.    </span>  
8.   </span></span>  
9. </div>  
10. <div class="ms-floatLeft ms-descriptiontext"><span class="ms-verticalAlignTop ms-noWrap ms-displayInlineBlock">  
11.     <span class='ms-imnSpan'><a href='#' onclick='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='#' onclick='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>  
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. <div class="ms-tableRow">  
3.  <div>  
4.   <span class='ms-imnSpan'>  
5.   <a href='#' onclick='IMNImageOnClick(event);return false;' class='ms-imnlink ms-spimn-presenceLink' >  
6.    <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>  
7.   </a>  
8.   </span></span>  
9. </div>  
10. <div class="ms-tableCell ms-verticalAlignTop">  
11. <div class="ms-peopleux-userImgDiv"><span class="ms-imnSpan"><a href='#' onclick='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='#' onclick='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>  
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. <div class="ms-tableCell">  
4.   <span class='ms-imnSpan'><a href='#' onclick='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>  
5. <div class="ms-tableCell ms-verticalAlignTop">  
6. <div class="ms-peopleux-userImgDiv"><span class="ms-imnSpan"><a href='#' onclick='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>  
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. <span class='ms-imnSpan'>  
2.    <a href='#' onclick='IMNImageOnClick(event);return false;' class='ms-imnlink ms-spimn-presenceLink' >  
3.     <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' />  
4.    </span>  
5.   </a>  
6. </span