füllen-dropdown-von der Sharepoint-Liste

Ich versuche, dynamisches ausfüllen einer dropdown-Liste basierend auf den Informationen in einer Sharepoint-Liste. Ich weiß, ich kann hinzufügen, der Liste an der Seite und verstecken Sie, aber das, was ich will, ist zu füllen Sie die Liste mit Hilfe von client-scripting-Sprache und nicht über die Liste gibt es auf der aktuellen Seite. Ich nehme an, dass eine ajx Ansatz, aber nicht sicher, wie dies zu erreichen. Ich bin eingeschränkt, um nicht mit SP-Designer oder Visual Studio. So kann dies erreicht werden über ein webpart oder ein einfaches content editer mit client-scripting-code/ajax. Wenn ja, wie?

InformationsquelleAutor Jake | 2011-02-02
  1. 2

    Für SharePoint 2007 verwenden, können Sie die GetListCollection Methode.

    Finden Sie unter:

    • Dies ist ähnlich zu dem Ansatz, den ich gebraucht...Thx
    • Ist dies auch der beste Weg für SP2010?
    InformationsquelleAutor Rich Bennema
  2. 1

    Werfen Sie einen Blick auf Menüband-Anpassungen - dropdown-controls, Client Object Model und JavaScript-Seite-Komponenten. Ein Großteil des Codes ist für die Band, aber die loadCurrentWebLists und getDropdownItemsXml zeigen, was Sie zu tun versuchen. Sie können auch einen Blick auf SharePoint 2010: Verwenden ECMAScript zu manipulieren (Hinzufügen/Löschen/Update/Get) Liste Posten und OM-Modell Javascript. Diese beschäftigen sich mit der Liste Posten, aber Sie sollten in der Lage sein, zu adaptieren Sie für Listen.

    • Sorry vergaß zu erwähnen, dass ich mit SP 2007, wird der ECMAScript-Idee, die Arbeit an dieser version
    • Auch.. isnt Band Mindestanforderungen Windows 7..die Meisten Benutzer, die noch auf XP, so dass das erste Glied Idee nicht funktionieren?
    InformationsquelleAutor Rich Bennema
  3. 1

    Können Sie versuchen, die SPServices Bibliothek für 2007?

    InformationsquelleAutor djeeg
  4. 0

    Hier ist, wie ich es für die user information list die die Liste aller Benutzer mit Berechtigungen für die Website. Die select: function(e, ui){} ist die Funktion, die aufgerufen wird, wenn Sie wählen Sie etwas aus der AutoVervollständigen-Feld.

    <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>
    InformationsquelleAutor
Schreibe einen Kommentar