juin
2011
Un article de Nicolas Esprit
Dans un projet SharePoint 2010, plus précisément dans une Application Page, j’ai voulu implémenter la fonctionnalité d’autocompletion pour un champ de saisie. L’utilisateur devant choisir un nom d’utilisateur. Pour ce faire il existe plusieurs solutions, entre autres :
- La bonne vieille méthode : AjaxControl Toolkit + un Web Service .asmx
- Du javascript avec utilisation de l’API Cliente SharePoint
- Un peu de jQuery UI + un Web Service.asmx
- etc…
Mais j’ai voulu m’amuser un peu en utilisant les Web Services RESTful offerts depuis la version 2010 de SharePoint. Et plus précisément faire appel à http://ServeurMoss/_vti_bin/listdata.svc. Pour l’autocompletion jQuery UI suffit amplement.
Voici ce que cela donne :
<div id="NewUsers">
<p><b>Add new user :</b></p>
<input type='hidden' id="txtUserSelectedValue"/>
<input type="text" id="txtUser" class="autosuggestUser" />
<button id="btn_addUser" type="button" class="fg-button ui-state-default ui-corner-all">Add</button>
</div>
Et au niveau de jQuery :
$("#txtUser").autocomplete({
source: function (request, response) {
$.ajax({
url: "http://ServeurMoss/_vti_bin/ListData.svc/UserInformationList?$filter=(ContentType eq 'Person') and (substringof('" + $("#txtUser").val() + "',Name))",
dataType: "json",
type: "GET",
contentType: "application/json",
dataFilter: function (data) { return data; },
success: function (data) {
response($.map(data.d.results, function (item) {
return {
label: item.Name + ' (' + item.Account + ')',
id: item.Id
}
}));
},
error: function (XMLHttpRequest, callStatus, errorThrown) {
alert(callStatus);
}
});
},
minLength: 2,
select: function (event, ui) {
$("#txtUserSelectedValue").val(ui.item.id);
}
});
Voici le résultat obtenu :
Lors de la sélection d’un user dans la liste, son ID est stocké dans le hidden field. Rien d’extraordinaire, mais si ça peut vous faire gagner du temps… Hope this help !
Articles récents
- [ASP.NET MVC] De l’open source à tous les étages : Microsoft accélère le virage amorcé depuis MVC 1
- [ASP.NET] Introduction MVC 4 – Part 6 : Introduction à la notion de modèle et de validation par l’exemple
- [ASP.NET] Introduction MVC 4 – Part 5 : Introduction à la notion de contrôleur et de vue par l’exemple
- [ASP.NET] Introduction MVC 4 – Part 4 : Installation de l’environnement de développement
- [ASP.NET] Introduction MVC 4 – Part 3 : MVC c’est quoi ? Quels avantages ?
Commentaires récents
- dans [ASP.NET MVC] Les vidéos de la MvcConf disponibles !
- dans [ASP.NET MVC] Retrouvez Scott Guthrie, Scott Hanselman et Phil Haack à la MvcConf
- dans [Visual Studio 2010] Ajouter une commande pour obtenir le PublicKeyToken d’un assembly
- dans [PDC 2010] Premiers retours
- dans [PDC 2010] Premiers retours