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代码,个人建议是在“PlaceHolderPageTitle”中添加:
<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 = "    (" + attCount + "  File)";
else
attSpan.innerHTML = "    (" + attCount + "  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[i].id;
if (tempId.indexOf("attID") == 0)
{
HandleItem (items[i]);
}
}
};
</script>
2.在页面上修改DataView的属性,在“Parameters Editor”中添加下面的参数:
<ParameterBinding Name="HttpHost" Location="Postback;Connection"/>
3.在XSL的“xsl:decimal-format”中,添加下面的结点:
<xsl:param name="HttpHost" />
<xsl:variable name="DispItem" select="concat($HttpHost,'....../DispForm.aspx')" />
其中......代表的是List的DispForm页面的地址,不包括site的路径,
举个例子,你这个List地址是:“http://www.DemoSite.com/SubSite/DemoList/default.aspx”,你那里填的就是:<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}" > 标签可以去掉,这个是为了增加友好度而现实附件数量的一个标签。