在Sharepoint中创建弹出菜单/使用SP.UI.PopoutMenu

时间:2012-08-22 06:57:11

标签: javascript sharepoint-2010

我想在sharepoint中创建一个带有javascript的弹出菜单,就像点击文档库中的第一个元素一样:

enter image description here

我认为应该可以使用 SP.UI.PopoutMenu ,但MSDN文档在这个元素上更糟糕,找不到任何教程如何使用它

如果我试图打开它,就像这样没有任何反应:

var anchorId = 'myAnchorId',
    menuId = 'myMenuDivId',
    iconId = '',
    anchorOpenCss = '', 
    textDirection = 'ltr', 
    closeIconUrl = '', 
    isClustered = false, 
    x = 500, 
    y = 500, 
    height = 500, 
    width = 500;

SP.UI.PopoutMenu.createPopoutMenuInstanceAndLaunch(anchorId, menuId, 
    iconId, anchorOpenCss, textDirection, closeIconUrl, isClustered, 
    x, y, height, width);

有什么想法吗?

PS:我不想扩展文档库的菜单,我想创建一个自己的弹出菜单!

2 个答案:

答案 0 :(得分:3)

好吧,我可能为派对太晚了,但我让它在SharePoint 2013上工作 在前端popoutmenu上仍然没有真正的文档, 但是在后端版本中乱搞我反向设计的所有内容:)

免责声明:我还没有用PopoutMenu的东西测试所有可能性, 我不确定下面的元素是否必须与所述标签按照所述顺序排列,我几乎确定它们实际上并不存在,并且您可以将它们放在任何其他标签类中。但是不要接受我的话。

这种配置让一切看起来都很美好。

<a id="anchorID">
    Cool Test bro
</a>
<div class="ms-popoutMenu ms-breadcrumb-menu" id="menuID" style="display:none">
    Content and ...
    <div> Divs and
        <a href="http://www.google.com">And Links</a>
    </div>
</div>

<script type="text/javascript">
var menu = new SP.UI.PopoutMenu("anchorID", "menuID", "", "", "ltr", "", false);
menu.launchMenu();
</script>

答案 1 :(得分:0)

我之前从未使用过PopoutMenu对象,但您指向的还有上下文菜单或编辑控制块(ECB)菜单。我试图为PopoutMenu提供一个工作样本,但你是对的,它很难使用。我确实找到了这篇关于在sharepoint gridview中使用自定义ecb菜单的文章,如果这有帮助:http://blogs.msdn.com/b/powlo/archive/2007/02/25/displaying-custom-data-through-sharepoint-lists-using-spgridview-and-spmenufield.aspx