Dataview - rendering multiple files/properties in one line

Help
1

Hello! I’m trying to create an index for my book notes. The index would comprise the title and the page numbers of wherever I’ve written the notes, e.g.

Notebook 3
Animal Farm (1-3), Moby Dick (4-5), Wuthering Heights (6-7)…

So far searching online, I’ve managed to make the relevant titles appear on one line. However, I’d like to incorporate the page numbers in brackets next to the titles as well. I haven’t figured out a way to do this. Here’s the current code, what it renders as, and what the properties look like.

let pages = dv.pages()
.where(l => l.location == "Notebook 3")
.sort(b => b.file.link) 
dv.el("p", pages.file.link.join(', '));

{45FE42CB-CA18-41A5-80FD-36455FAC5B98}
{45FE42CB-CA18-41A5-80FD-36455FAC5B98}723×125 4.84 KB

{302BC8CC-DA57-458E-BBA8-0E37E2960230}
{302BC8CC-DA57-458E-BBA8-0E37E2960230}621×544 17.3 KB

I’d really appreciate any help, thank you!

2

‘’’
let pages = dv.pages()
.where(l => l.location == “Notebook 3”)
.sort(b => b.file.link)

let labels = pages
.map(note => ${note.file.name} (${note.file.frontmatter.pages});

dv.el(“p”, labels.join(', ‘));
‘’’

This script uses JavaScript template literals to separately create the display labels for each note,then concatenates them as before for the output paragraph.

1 Like
3

I might be missing something, but can’t you do something like:

```dataviewjs
let bookLinks = dv.pages()
  .where(l => l.location == "Notebook 3")
  .sort(b => b.file.link)
  .map(p => [ dv.fileLink(p.file.link, false, `${ p.file.name } (${ p.file.link?.Pages })`) ] )
  .join(", ")

dv.paragraph(bookLinks)
```

**Update:** Added missing parenthesis after `.map()`
1 Like
4

This worked, thank you so much! The only thing is that it renders the file name as text rather than a link, so I borrowed from Holroy’s solution and used “dv.fileLink(note.file.path, false)” to keep the link. Thank you!

5

Thank you so much! This didn’t work at first (there was a syntax error of a missing ), and then when I added it where I think it should be, nothing rendered at all) but after troubleshooting a bit with chatgpt it worked:

let bookLinks = dv.pages()
  .where(l => l.location == "M1")
  .sort(b => b.pages)
  .map(p => {
    // Ensure p.file.link is a valid string and handle it safely
    const fileLink = typeof p.file.link === "string" ? p.file.link : p.file.path;
    
    // Return the formatted string with file link and pages (as string)
    return `${dv.fileLink(fileLink, false)} (${p.pages || "No pages"})`;
  })
  .join(", ");

dv.paragraph(bookLinks);

I think there was an issue with some dependency on .replaceAll(), although I’m not sure where from. But thanks very much!

6

My bad, I missed the closing parenthesis on the .map()… It was untested… :stuck_out_tongue: