从Sharepoint列表填充下拉列表

时间:2011-02-02 14:09:28

标签: javascript sharepoint-2007 drop-down-menu

我正在尝试根据Sharepoint列表中的信息动态填充下拉列表。我知道我可以将列表添加到页面并隐藏它,但我想要的是使用客户端脚本语言填充列表,而不是当前页面上存在列表。我假设ajx方法,但不知道如何实现这一点。我被限制为没有SP Designer或Visual Studio。因此,可以使用webpart或带有客户端脚本代码/ ajax的简单内容编辑器来完成。如果是这样的话?

4 个答案:

答案 0 :(得分:2)

答案 1 :(得分:1)

看看Ribbon customizations - dropdown controls, Client Object Model and JavaScript Page Components。很多代码都是针对功能区的,但loadCurrentWebLists和getDropdownItemsXml演示了您要执行的操作。您还可以查看SharePoint 2010: Use ECMAScript to manipulate (Add/Delete/Update/Get) List ItemsOM model Javascript。这些处理列表项,但您应该能够将它们用于列表。

答案 2 :(得分:1)

你能试试2007年的SPServices图书馆吗?

答案 3 :(得分:0)

以下是我如何将其用于用户信息列表,该列表是具有该站点权限的所有用户的列表。 select: function(e, ui){}是从自动完成框中选择内容时调用的函数。

<link href="../css/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript" src="../js/jquery-ui.js"></script>
<script type="text/javascript" src="../js/jquery.SPServices-0.5.8.js"></script>

<script type="text/javascript">
$(document).ready (function() {
    $().SPServices({
        operation: "GetListItems",
        async: true,
        listName: "User Information List",
        CAMLViewFields: "<ViewFields>" +
            "<FieldRef Name='Title' />" +
            "<FieldRef Name='MobilePhone' />" +
            "<FieldRef Name='Picture' />" +
            "<FieldRef Name='SPSResponsibility' />" +
            "<FieldRef Name='Name' />" +
            "</ViewFields>",
        completefunc: AttachMembersAutoComplete
    });
});

function AttachMembersAutoComplete(xmlResponse) {
    var domElementArray = $( "[nodeName=z:row]", xmlResponse.responseXML );

    var dataMap = domElementArray.map(function() {
        return {
            value: $(this).attr('ows_Title'),
            mobile: $(this).attr('ows_MobilePhone'),
            picture: $(this).attr('ows_Picture'),
            askmeabout: $(this).attr('ows_SPSResponsibility'),
            name: $(this).attr('ows_Name')
        };
    });

    var data = dataMap.get();

    $("input#inputMembersAutoComplete").autocomplete({
        source: data,
        select: function(e, ui){

            window.alert(ui.item['askmeabout'] + "\n" + ui.item['name']);

            if(ui.item['picture'] != undefined) {
                var tmpPicture = ui.item['picture'];
                var commaIndex = tmpPicture.indexOf(',');
                tmpPicture = tmpPicture.substr(0,commaIndex);
            }else{
                var tmpPicture = "/_layouts/images/person.gif";
            }

            var tmpHTML = "<div>";
            tmpHTML += "<a href='/Person.aspx?accountname=" + ui.item['name'] + "' >";
            tmpHTML += "<p>"+ ui.item['value'] + "  " + ui.item['mobile'] + "</p>";
            tmpHTML += "</a>";
            tmpHTML += "<img src='"+ tmpPicture + "' />";
            tmpHTML += "</div>";

            $("#person_info").html(tmpHTML);
        }
    });
}
</script>
相关问题