Retrieval检索模块

2024-07-06 22:38:51首发，4小时前更新

Retrieval根据关键字对数据进行检索并生成相应的节点，可自动或手动的填充目标节点，可自定义模版字符串和模板引擎；以arrSearch工具函数为核心的数据检索模块，是其他搜索列表的基础模块

一般内容格式

参数content接受检索数据来源，最基本的数据便是同arrSearch工具函数中source对应的数据类型。

输出
HTML
JS

```
                
                
            
```

                
                let ins01 = new ax.Retrieval({
                        keys:'c',
                        content:['United States','Canada','United Kingdom','China','Brazil','India','France','Germany']
                    }),
                    ins02 = new ax.Retrieval({
                        keys:'a',
                        content:[
                            {label:'United States'},
                            {label:'Canada'},
                            {label:'United Kingdom'},
                            {lablel:'China'},
                            {label:'Brazil'},
                            {label:'India'},
                            {label:'France'},
                            {label:'Germany'}
                            ]
                    }),
                    contbox=document.querySelector('#contbox');
                contbtn01.onclick=()=>{
                    console.log(ins01.output);
                    contbox.innerHTML = `检索结果是：${ins01.output.map(k=>k.source.label)}`
                }
                contbtn02.onclick=()=>{
                    console.log(ins02.output);
                    contbox.innerHTML = `检索结果是：${ins02.output.map(k=>k.source.label)}`
                }

内容是普通函数

参数content允许是普通函数，但是返回结果应该符合arrSearch工具函数中source要求的数据格式。

输出
HTML
JS

```
                
                
            
```

                
                let fn=()=>{
                    return 'United States,Canada,United Kingdom,China,Brazil,India,France,Germany';
                },
                    ins = new ax.Retrieval({
                        keys:'c',
                        content:fn,
                    }),
                    fnbox=document.querySelector('#fnbox');
                fnbtn.onclick=()=>{
                    console.log(ins.output);
                    fnbox.innerHTML = `检索结果是：${ins.output.map(k=>k.source.label)}`
                }