[原创]SharePoint中，DataView显示附件的一个解决办法

vivion27

近期工作中遇到一个问题，客户想要在DataView中显示一个List中数据的附件，比如给说文件名的链接，点击之后可以直接下载之类的。
DataView的页面是按照XSL解析Source来进行展示的，而数据源中，只给了判断此数据项有没有附件的一个标志位（@Attachments），值为“1”时表示没有附件，“0”时表示有附件。但至于附件的数量，文件名，地址，之类的，都没有任何相关信息。这就给完成这个任务造成了很大的麻烦。上网搜索了半天，未果，貌似没有什么解决办法。
天无绝人之路，一天突然想到之前曾经在XLS中添加过一个链接，地址就是当前数据项的DispForm，点击后就可以显示数据项的详细信息，里面自然有附件的相关信息了，既然有这个页面，那显示附件的问题也就可以完成了，下面就是我临时做的显示附件的方案，拿出来大家讨论一下。

DataView的XSL格式问题就不再多说了，可以用SPD之类的搞定，会自动生成相关栏的XSL模板，我们现在就主要关注一下@Attachments的相关部分，下面是原始的XSL：

<xsl:choose>
    <xsl:when test="@Attachments='1' or msxsl:string-compare(string(@Attachments),'Yes','','i')=0 or
msxsl:string-compare(string(@Attachments),'True','','i')=0">Yes</xsl:when>
    <xsl:otherwise>No</xsl:otherwise>
</xsl:choose>简单来说，按照原始的数据源，它只能做到显示有还是没有附件，就是判断@Attachments字段，有就显示Yes，没有就显示No。
这样对于我的要求来说是显然不够的，我们来对这个页面做一些改动，添加我们需要的东西：

1.在此页面的某个<asp:Content>中添加下面的javascript代码，个人建议是在&#8220;PlaceHolderPageTitle&#8221;中添加：

<script type="text/javascript">
function LoadIframe(frame,src,addUrlParms)
{
    var frm=frame; if (typeof(frame)=="string") frm=document.getElementById(frame);
    if (frm) {
        if (addUrlParms) { if (src.indexOf("?")>0) frm.src=src+"&"+urlParms; else frm.src=src+"?"+urlParms;}
        else frm.src=src;
    }
}

function AddLink (link, itemId)
{
    var fileName = link.substring(link.lastIndexOf("/")+1);
   
    var attLink = document.createElement("a");
    attLink.href = link;
    attLink.innerHTML = fileName;
    attLink.style.color = "Blue";
    attLink.style.textDecoration = "underline";
   
    var attDiv = document.getElementById("attDiv"+itemId);
    attDiv.appendChild(attLink);
    attDiv.appendChild(document.createElement("br"));
}

function MakeRequest(url, itemId)
{   
    var xhr = false;
     if (window.XMLHttpRequest) {
        xhr = new XMLHttpRequest();
     }

     else {
        if (window.ActiveXObject) {
           try {
              xhr = new ActiveXObject ("Microsoft.XMLHTTP");
           }
           catch (e) { }
        }
     }

     if (xhr) {
        xhr.onreadystatechange = function(){ShowLink(xhr, itemId)};
        xhr.open("GET", url, true);
        xhr.send(null);
     }
     else {
        document.getElementById("updateArea"). innerHTML = "Sorry, but I couldn't create an XMLHttpRequest";
     }
}

function ShowLink(xhr, itemId)
{
     if (xhr.readyState == 4) {
        if (xhr.status == 200) {
           var ht = (xhr.responseXML && xhr.responseXML.contentType== "text/xml") ?
xhr.responseXML. getElementsByTagName("choices") [0].textContent: xhr.responseText;
        }
        else {
           var ht = "There was a problem with the request " + xhr.status;
        }
        
        var st = ht.indexOf("id=idAttachmentsTable");
        var et = ht.indexOf("</TABLE>", st);
        var slink = ht.substring(st, et);
        
        var sl = slink.indexOf("http://");
        var el = slink.indexOf("\"",sl);
        var link;
        var attCount = 0;
        
        if (sl>-1)
        {
            var loadLink = document.getElementById("load"+itemId);
            var attDiv = document.getElementById("attDiv"+itemId);
            attDiv.removeChild(loadLink);
            
            while (sl>-1)
            {
                link = slink.substring(sl,el);
                AddLink (link, itemId);
                attCount = attCount+1;
               
                slink = slink.replace(link,"");           
                sl = slink.indexOf("http://");
                el = slink.indexOf("\"",sl);
            }
        }
        var attSpan = document.getElementById("attSpan"+itemId);
        if (attSpan)
        {
            if (attCount == 1 )
                attSpan.innerHTML = "&nbsp&nbsp&nbsp&nbsp(" + attCount + "&nbsp File)";
            else
                attSpan.innerHTML = "&nbsp&nbsp&nbsp&nbsp(" + attCount + "&nbsp Files)";
        }

     }
}


function HandleItem (item)
{
    var itemId = item.id.substring(3);
    MakeRequest(item.value, itemId);
}

window.onload = function()
{
var items = document.getElementsByTagName("input");
for ( var i = 0; i < items.length; i++ )
    {
        var tempId = items.id;
           if (tempId.indexOf("attID") == 0)
        {
            HandleItem (items);
        }
    }
};
</script>
2.在页面上修改DataView的属性，在&#8220;Parameters Editor&#8221;中添加下面的参数：

<ParameterBinding Name="HttpHost" Location="Postback;Connection"/>
3.在XSL的&#8220;xsl:decimal-format&#8221;中，添加下面的结点：

<xsl:param name="HttpHost" />
<xsl:variable name="DispItem" select="concat($HttpHost,'....../DispForm.aspx')" />其中......代表的是List的DispForm页面的地址，不包括site的路径，
举个例子，你这个List地址是：&#8220;http://www.DemoSite.com/SubSite/DemoList/default.aspx&#8221;，你那里填的就是：<xsl:variable name="DispItem" select="concat($HttpHost,'/SubSite/DemoList/DispForm.aspx')" />

4.修改XSL，把上边@Attachments那一段添加一些东西，改成：

<xsl:choose>
    <xsl:when test="@Attachments='1' or msxsl:string-compare(string(@Attachments),'Yes','','i')=0 or
msxsl:string-compare(string(@Attachments),'True','','i')=0">Yes<span id="attSpanID{@ID}" ></span>
    <br />
    <input id="attID{@ID}" type="hidden" value="{$DispItem}?ID={@ID}" />
    <div id="attDivID{@ID}">
        <a id="loadID{@ID}" style="color: Red;" href="{$DispItem}?ID={@ID}" target="_blank">Loading Please wait</a>
    </div>
    </xsl:when>
    <xsl:otherwise>No</xsl:otherwise>
</xsl:choose>其中，<span id="attSpanID{@ID}" > 标签可以去掉，这个是为了增加友好度而现实附件数量的一个标签。

至此，代码就更改完毕了，如果没有什么错误，Save之后就可以看到效果了，用过Ajax的朋友们一眼就能看出这个功能是怎么实现的，其中解析附件的逻辑是自己写的，应该有更好的办法，比如用DOM模型，正则表达式等，这里只是用了比较传统的一个办法，去解析字符串。这个方法里面也没有什么高深的技术，只是给朋友们提供个思路，自己接触MOSS也不是实践很久，代码中肯定有不足的地方，欢迎大家指证，同时，如果谁有更好的方法，也可以告诉我，共同探讨，共同进步，呵呵