从 Sharepoint 列表中填充下拉列表

Question

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

Answer 1

对于 SharePoint 2007，您可以使用 GetListCollection 方法。

请参阅：

• 调用使用 jQuery 的 SharePoint Web 服务
• 使用 Sharepoint 的 GetListCollection

Answer 2

查看 功能区自定义 - 下拉控件、客户端对象模型和JavaScript 页面组件。许多代码都是针对功能区的，但 loadCurrentWebLists 和 getDropdownItemsXml 演示了您想要执行的操作。您还可以查看 SharePoint 2010：使用 ECMAScript操作（添加/删除/更新/获取）列表项和OM模型Javascript。这些处理列表项，但您应该能够针对列表调整它们。

Answer 3

您可以尝试 SPServices 库吗2007 年？

Answer 4

以下是我如何将其用于用户信息列表，该列表是有权访问该站点的所有用户的列表。 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>