diff --git "a/10-Obsidian/Obsidian\347\244\276\345\214\272\346\217\222\344\273\266/Dataview/dataview.md" "b/10-Obsidian/Obsidian\347\244\276\345\214\272\346\217\222\344\273\266/Dataview/dataview.md" index fb9b3f48a..06b667654 100644 --- "a/10-Obsidian/Obsidian\347\244\276\345\214\272\346\217\222\344\273\266/Dataview/dataview.md" +++ "b/10-Obsidian/Obsidian\347\244\276\345\214\272\346\217\222\344\273\266/Dataview/dataview.md" @@ -7,7 +7,7 @@ author: Windysoul,Huajin,PKMer type: other draft: false editable: false -modified: 20231209174945 +modified: 20240331161350 --- # Obsidian 插件:Dataview @@ -133,4 +133,4 @@ Dataview 插件的用途主要有三个方面。 - [[Obsidian样式-可滚动的Dataview表格视图|Dataview实战-给 Dataview 加个滚动条]] - [[Dataview实战-进度条]] - [[Dataview语法实战-列出特定标题下的元素]] -- \ No newline at end of file +- [[Dataview实战-展示特定文件夹内未完成任务并且支持子任务图片展示]] diff --git "a/Dataview\345\256\236\346\210\230-\345\261\225\347\244\272\347\211\271\345\256\232\346\226\207\344\273\266\345\244\271\345\206\205\346\234\252\345\256\214\346\210\220\344\273\273\345\212\241\345\271\266\344\270\224\346\224\257\346\214\201\345\255\220\344\273\273\345\212\241\345\233\276\347\211\207\345\261\225\347\244\272.md" "b/Dataview\345\256\236\346\210\230-\345\261\225\347\244\272\347\211\271\345\256\232\346\226\207\344\273\266\345\244\271\345\206\205\346\234\252\345\256\214\346\210\220\344\273\273\345\212\241\345\271\266\344\270\224\346\224\257\346\214\201\345\255\220\344\273\273\345\212\241\345\233\276\347\211\207\345\261\225\347\244\272.md" new file mode 100644 index 000000000..cfbf1c940 --- /dev/null +++ "b/Dataview\345\256\236\346\210\230-\345\261\225\347\244\272\347\211\271\345\256\232\346\226\207\344\273\266\345\244\271\345\206\205\346\234\252\345\256\214\346\210\220\344\273\273\345\212\241\345\271\266\344\270\224\346\224\257\346\214\201\345\255\220\344\273\273\345\212\241\345\233\276\347\211\207\345\261\225\347\244\272.md" @@ -0,0 +1,59 @@ +--- +uid: 20240331155510 +title: Dataview 实战 - 展示特定文件夹内未完成任务并且支持子任务图片展示 +tags: [dataview] +description: 展示特定文件夹内未完成任务并且支持子任务图片展示 +author: 是明导么 +type: tutorail +draft: false +editable: false +modified: 20240415173301 +--- + +# Dataview 实战 - 展示特定文件夹内未完成任务并且支持子任务图片展示 + +## 原始 dataview 语句结果如下 + +``` +task +from "测试任务文件夹" +where !completion +``` + +结果如下。我么发现主任务与子任务的图片都无法正常显示。 + +![[Dataviewjs 展示特定文件夹内未完成任务并且支持子任务图片展示 1.png]] + +## Dataviewjs 语句修改实用方法 + +将 Dataviewjs 语句中“目标文件夹”替换为你希望检索的文件夹,“附件位置文件夹”替换为你存放附件的文件夹(注:后面的/不要删掉)。完成后你就可以实现 dataview 把 task 列举出来同时支持子任务的图片显示。下图方便理解。 + +![[Dataviewjs 展示特定文件夹内未完成任务并且支持子任务图片展示 3.png]] + +### Dataviewjs 语句结果如下 + +可以看到 Dataviewjs 语句处理后图片可以正常显示。 + +![[Dataviewjs 展示特定文件夹内未完成任务并且支持子任务图片展示 2.png]] + +#### 代码内容 + +```dataviewjs语句 +let tasks = dv.pages('"测试任务文件夹"').file.tasks +.where(t => !t.completed); +dv.taskList(tasks); + +function showPic() { +let imgSpans = document.getElementsByClassName("internal-embed"); +for(let i = 0; i < imgSpans.length; i++) +{ + let outlinkname = imgSpans[i].innerHTML; + if(outlinkname.endsWith(".jpg")||outlinkname.endsWith(".png")){ + let src = app.vault.adapter.getResourcePath("附件/"+outlinkname); + let img = ""; + imgSpans[i].innerHTML = img; + } +} +} +setTimeout(showPic, 200) +``` diff --git "a/Resource/Images/Dataviewjs \345\261\225\347\244\272\347\211\271\345\256\232\346\226\207\344\273\266\345\244\271\345\206\205\346\234\252\345\256\214\346\210\220\344\273\273\345\212\241\345\271\266\344\270\224\346\224\257\346\214\201\345\255\220\344\273\273\345\212\241\345\233\276\347\211\207\345\261\225\347\244\272 1.png" "b/Resource/Images/Dataviewjs \345\261\225\347\244\272\347\211\271\345\256\232\346\226\207\344\273\266\345\244\271\345\206\205\346\234\252\345\256\214\346\210\220\344\273\273\345\212\241\345\271\266\344\270\224\346\224\257\346\214\201\345\255\220\344\273\273\345\212\241\345\233\276\347\211\207\345\261\225\347\244\272 1.png" new file mode 100644 index 000000000..16c3e1b46 Binary files /dev/null and "b/Resource/Images/Dataviewjs \345\261\225\347\244\272\347\211\271\345\256\232\346\226\207\344\273\266\345\244\271\345\206\205\346\234\252\345\256\214\346\210\220\344\273\273\345\212\241\345\271\266\344\270\224\346\224\257\346\214\201\345\255\220\344\273\273\345\212\241\345\233\276\347\211\207\345\261\225\347\244\272 1.png" differ diff --git "a/Resource/Images/Dataviewjs \345\261\225\347\244\272\347\211\271\345\256\232\346\226\207\344\273\266\345\244\271\345\206\205\346\234\252\345\256\214\346\210\220\344\273\273\345\212\241\345\271\266\344\270\224\346\224\257\346\214\201\345\255\220\344\273\273\345\212\241\345\233\276\347\211\207\345\261\225\347\244\272 2.png" "b/Resource/Images/Dataviewjs \345\261\225\347\244\272\347\211\271\345\256\232\346\226\207\344\273\266\345\244\271\345\206\205\346\234\252\345\256\214\346\210\220\344\273\273\345\212\241\345\271\266\344\270\224\346\224\257\346\214\201\345\255\220\344\273\273\345\212\241\345\233\276\347\211\207\345\261\225\347\244\272 2.png" new file mode 100644 index 000000000..25bbf5096 Binary files /dev/null and "b/Resource/Images/Dataviewjs \345\261\225\347\244\272\347\211\271\345\256\232\346\226\207\344\273\266\345\244\271\345\206\205\346\234\252\345\256\214\346\210\220\344\273\273\345\212\241\345\271\266\344\270\224\346\224\257\346\214\201\345\255\220\344\273\273\345\212\241\345\233\276\347\211\207\345\261\225\347\244\272 2.png" differ diff --git "a/Resource/Images/Dataviewjs \345\261\225\347\244\272\347\211\271\345\256\232\346\226\207\344\273\266\345\244\271\345\206\205\346\234\252\345\256\214\346\210\220\344\273\273\345\212\241\345\271\266\344\270\224\346\224\257\346\214\201\345\255\220\344\273\273\345\212\241\345\233\276\347\211\207\345\261\225\347\244\272 3.png" "b/Resource/Images/Dataviewjs \345\261\225\347\244\272\347\211\271\345\256\232\346\226\207\344\273\266\345\244\271\345\206\205\346\234\252\345\256\214\346\210\220\344\273\273\345\212\241\345\271\266\344\270\224\346\224\257\346\214\201\345\255\220\344\273\273\345\212\241\345\233\276\347\211\207\345\261\225\347\244\272 3.png" new file mode 100644 index 000000000..ffa4e7a75 Binary files /dev/null and "b/Resource/Images/Dataviewjs \345\261\225\347\244\272\347\211\271\345\256\232\346\226\207\344\273\266\345\244\271\345\206\205\346\234\252\345\256\214\346\210\220\344\273\273\345\212\241\345\271\266\344\270\224\346\224\257\346\214\201\345\255\220\344\273\273\345\212\241\345\233\276\347\211\207\345\261\225\347\244\272 3.png" differ