Dataviewjs的奇技淫巧

是在一个笔记里写的 dv.page("文件名"),然后在控制台查看,其实也可以控制台输入 DataviewAPI.page("文件名"),一样的效果,怎么方便怎么来

1 个赞

1 个赞

@lazyloong @阳光灿烂小逗逗 感谢,又多学到一些了 :smile:

image

1、打开 DevTools

Ctrl + Shift + I,窗口边框样式为 Obsidian 风格还可以左上角 Ob 图标 - View - Toggle Developer Tools。

2、找到 Console

3、向下滑找到小三角

4、在小三角所在行输入代码,获取当前文件元数据

DataviewAPI.page(app.workspace.getActiveFile().basename)

5、回车,得到结果,点击实心小三角展开

1 个赞

当然,有的时候在笔记里用 console.log 会更方便,比如在文件里写好代码后的调试

1 个赞

佬,我写了一个类似点击翻页的效果的 dvjs,但是 Ob 一刷新就回第 1 页了,有没有办法储存结果,类似记录上次翻到第几页呢,不然多少有点图一乐了…

20231215_014800

DataviewJS 代码:

async function extract(files) {
    let tdata = []
    for (let file of files) {
        let content = ( await app.vault.readRaw(file.file.path) ).split('\n\n')  // 分块
        content.filter(p=> p.includes("【**") && p.includes("**】") )  // 检索
            ?.forEach(p=> tdata.push([ '[❔](<' + file.file.path + '#' + p.trim().match( / (\^[a-z0-9]{6,})/ )?.[1] + '>)', p.trim() ]))  // 格式
    } // 翻页
    let sliceRange = [0, 8]
    function uptd() {
        dv.container.innerHTML = ''; // 清除旧数据
        dv.el("button", "-8").onclick = function() {
            if (sliceRange[0] > 0) { sliceRange[0] -= 8; sliceRange[1] -= 8; uptd () }
        }
        dv.el("button", "+8").onclick = function() { sliceRange[0] += 8; sliceRange[1] += 8; uptd () }
        dv.table( ["文件", "所在行"], tdata.slice(sliceRange[0], sliceRange[1]) )  // 输出
    }; uptd ()
}; extract(dv.pages(`"文件目录"`))

我想到了一个新办法,只要 ob 不关闭就能保持数据

async function extract(files) {
    let tdata = []
    for (let file of files) {
        let content = ( await app.vault.readRaw(file.file.path) ).split('\n\n')  // 分块
        tdata.push([file.file.path])  // 格式
    } // 翻页
    if(!global.page) global.page = 0

    dv.el("button", "-8").onclick = () => {
        if (global.page > 0) global.page-=1
        update()
    }
    dv.el("button", "+8").onclick = () => { 
	    global.page+=1
	    update()
	}
	let table = dv.el('div')
	function update() {
		table.empty()
        dv.api.table( ["文件", "所在行"], tdata.slice(global.page*8,(global.page+1)*8 ),table,dv.component)
	}
	update()
}
extract(dv.pages(`"300-系列笔记/320-读书笔记/图解逻辑学"`))
1 个赞

直接把关键数据放到 global,不过可能要注意一点变量名冲突的问题,像 page 这种简单的命名可能很容易冲突,毕竟不晓得或者说懒得看是不是原本就存在这个变量嘛,可以命名为 dvPage 之类的

1 个赞

可以请问一下您这个代码是怎么写的吗 :joy:

用复制粘贴不如直接保存下来得了,比如专门用个json文件保存这些脚本的数据,然后设置一个保存按钮。之前不爱用是因为频繁读写文件麻烦,现在用 global 暂时保存方便多了。

1 个赞

主要是不会嘛 :joy:,非计算机专业,谢谢建议,得空研究一下。

现在会啦 :blush: 原来不需要额外的操作,代码直接复制粘贴到外部 JS 文件,Ob DataviewJS dv.view(JS 路径) 就行。

完整内容已发布:

我当时用js写的,但现在obsidian不支持嵌套属性,很久没用了,代码大约如下:

```dataviewjs
class DayCost {
  constructor(date, cost) {
    this.date = date;
    this.cost = cost;
  }
}

var cost=dv.pages('#log/2022/05').consumption.values
var filename=dv.pages('#log/2022/05').file.link
var daycost = 0
var monthcost = 0
var costarray = new Array()

for(var i=0; i<cost.length; i++){
    for(var c in cost[i]){
        daycost=daycost+cost[i][c]
        monthcost=monthcost+cost[i][c]
    }
    costarray[i]=new DayCost(filename[i],daycost)
    daycost = 0
}
costarray[i]=new DayCost("本月总[[消费]]",monthcost)

dv.table(["日期", "Consumption"],costarray.map(cos => {
	return [cos.date,cos.cost]
})
)
```

这不就图个方便吗 :joy:,上了正则当然不需要按照别人定的格式来写了。dv 的 :: 还不能记录多行数据嘞,设想的
image
结果是两个 null

谁知道呢,我从来都不用 ::,也就昨天临时起意想研究研究。

1 个赞

大佬,请问一下,我想统计下最近一周,每天创建文件的数量要怎么写?

dv.list(dv.pages().filter(p=>moment().unix() - p.file.cday.ts/1000<604800).groupBy(p=>p.file.cday.ts).map(p=>[moment(p.key).format('YYYY-MM-DD'),p.rows.length]))

大佬,这里面的 ts 是什么意思?

代表这个时间的时间戳,精确到毫秒,moment().unix() 是当前时间的时间戳,精确到秒

1 个赞

那是不是用 Date.now()-p.file.cday.ts < 604800000 也可以。

以及我本来是想 dv.list 的,但 p.rows.file.link 转为字符串格式错误,点击链接也不能跳转,大佬你知道是为啥吗

因为 p.rows.file.link 是数组,需用 .join() 转为字符串。

dv.list(dv.pages().filter(p=> Date.now()-p.file.cday.ts < 604800000)
    .groupBy(p=> p.file.cday.ts)
    .map(p=> `${moment(p.key).format('YYYY-MM-DD')} (${p.rows.length})\n${p.rows.file.link}`)
)

不知道,但是好像这样就行了

dv.list(dv.pages().filter(p=> Date.now()-p.file.cday.ts < 604800000) .groupBy(p=> p.file.cday.ts) .map(p=> `${moment(p.key).format('YYYY-MM-DD')} (${p.rows.length})\n${p.rows.file.link.join(',')}`) )
1 个赞

这个 列表的 css 是怎么实现的?能给一下 css 代码吗?