SharePoint 自定义技巧 – 第 2 部分

Ayman M. El-Hattab

4.10/5 (3投票s)

2009年1月24日

CPOL

2分钟阅读

86964

306

给 SharePoint 开发者的两个技巧 :)

下载源代码 - 0.8 KB

引言

这篇系列文章旨在帮助您快速上手 SharePoint 定制。它涉及修改默认的 SharePoint 用户体验、列表表单定制、品牌化、美化 SharePoint 门户等。在第 1 部分中，我们介绍了一个通用函数，可以用于隐藏列表视图工具栏菜单项（例如，新建项目、上传、在网格视图中编辑等）。如果您还没有阅读，我建议您先阅读。在这里，我将向您展示另外两个用于定制列表表单工具栏的技巧。

技巧 #2：隐藏列表表单工具栏菜单项！

有时，您需要从出现在 DispForm.aspx 顶部的工具栏中删除一些项目。不幸的是，"HideCustomAction" 功能只能隐藏通过“自定义操作”功能框架呈现的项目，例如站点操作和站点设置，所以让我们采用与第 1 部分相同的方法，再次深入研究 JavaScript 世界，当涉及到 SharePoint 定制时，我真的觉得它非常方便。

以下函数可用于隐藏 dispform.aspx 中的任何工具栏项目。只需调用该函数，并传递用逗号分隔的项目名称（例如，新建项目、提醒我等）。该函数将删除这些项目，当然，也会删除它们旁边呈现的图像（如果找到）。技巧 #3 将讨论在哪里以及如何将该函数添加到您的列表表单。

hideFormMenuItems("New Item","Alert Me");
 
function hideFormMenuItems()
{  
    var titleToHide="";
    var anchorTag;
    var allAnchorTags = document.getElementsByTagName('a');
    for(var i = 0; i < hideFormMenuItems.arguments.length; i++ )
    { 
        titleToHide = hideFormMenuItems.arguments[i];
        if(titleToHide!='Alert Me')
        {
            for (var j = 0; j < allAnchorTags.length; j++)
            {
                anchorTag= allAnchorTags[j];    

                if (anchorTag.title.indexOf(titleToHide)!=-1)
                {
                    anchorTag.parentNode.parentNode.parentNode.parentNode.
                    parentNode.style.display="none";
                    anchorTag.parentNode.parentNode.parentNode.parentNode.
                    parentNode.nextSibling.style.display="none";
                    break;
                }
            }
        }
        else
        {
            for (var k=0; k < allAnchorTags.length;k++)
            {
                anchorTag= allAnchorTags[k];
                if (anchorTag.id.indexOf("SubscribeButton")!=-1)
                {  
                    anchorTag.parentNode.parentNode.parentNode.parentNode.
                    parentNode.style.display="none";
                    break;
                }
            } 
        }
    }

    var allSpanTags = document.getElementsByTagName("span");
    var spanTag;
    var toolbarRow;
    var lastCell;

    for(var m=0; m < allSpanTags.length;m++)
    {
        spanTag = allSpanTags[m];
    
    if(spanTag.id=='part1')
    {
        toolbarRow = spanTag.childNodes[2].firstChild.firstChild;
        lastCell = toolbarRow.lastChild.previousSibling;
        while(lastCell.style.display=='none')
        {
            lastCell = lastCell.previousSibling;
        }
        if(lastCell.innerText == '|')
        {
            lastCell.style.display='none';
            break;
        }
    }
}

请注意，该函数区分大小写，因此请注意工具栏项目名称的大小写。