Comment puis-je obtenir l'identifiant de l'élément de liste connecté?

Question

J'ai trois pièces Web ListView connectées sur une page d'application et je souhaite pouvoir accéder à l'élément sélectionné dans chaque partie Web.Ceci n'est pas sélectionné comme dans les "cases à cocher", mais plutôt, l'élément connecté qui transmet la valeur du filtre à la partie Web suivante.J'ai essayé

myWebPart.Connections // empty
myWebPart.FilterValue // null
myWebPart.ConnectionID // null

Et pratiquement toutes les autres biens de ma partie Web.N'y a-t-il aucun moyen d'obtenir l'identifiant de l'article connecté?

Answer 1

I created three web parts connected together and filterable using Title:

Choose a color -> Choose a fruit -> View fruit details.

I created the following selector (jQuery required):

$('img[alt="Selected"]').parent().next().children('div.ms-vb');

Which returns an array of the selected elements which have an ID attribute. You could then do a simple each and do the work you want with each ID.

$('img[alt="Selected"]').parent().next().children('div.ms-vb').each(function(i){
   console.log($(this).attr('id'));
});
// will give you:
// 3 (Blue)
// 2 (Blueberry)

Shows up like this in Chrome console:

I think this will work as long as the you use the Title (linked to item) column in the web parts.

Answer 2

If you use JSLink instead, I think you can connect to the items in the ListView Web Part like this:

1. In a location of your choice (such as SiteAssets library of your site, or in _catalogs/masterpage), create new JavaScript file.
2. In the file, add the code below
3. In your web part, reference this JavaScript file in the JSLink setting, like ~/site/SiteAssets/news_ui.js

(function () {
 // Initialize the variables for overrides objects
 var overrideCtx = {};
 overrideCtx.Templates = {};

 overrideCtx.Templates.Fields = {
 'ID': { 'ItemID' : ctx.CurrentItem.ID } 
 };

 SPClientTemplates.TemplateManager.RegisterTemplateOverrides(overrideCtx);
 })();

Reference:

• SharePoint 2013: Linking item titles to items
• JSLink and Display Templates Part 1 – Overview, URL Tokens and Applying JSLink to objects