Domino Web应用中的搜索功能和结果选择问题

news2025/1/15 5:10:27

大家好,才是真的好。

还有不到十天Domino多瑙河版本就将发布,在此之前,我们还是讲述一下Web中的搜索技术。

废话不多说,我们直接上干货。

Notes应用的视图在Web浏览器中可以直接展现,并且可选择。

如果这样展现的话,只需要在视图设计元素中,勾选一个属性“运行选择文档”,如下图:
在这里插入图片描述
在浏览器中预览时候,就能看到复选框出现,在这里可以选择文档,然后执行例如删除、归档、更改状态等文档操作(当然这些操作我都没写),如下图:
在这里插入图片描述
不过,这里有个问题,就是直接使用视图自带的Search搜索功能时,搜索结果里是不能选择,复选框变成了灰色不可选,如下图:
在这里插入图片描述
因此,如果要在搜索结果里进行选择文档并执行对应操作,搜索的操作需要重新设计。

首先我们需要在视图属性中设置“将视图处理为HTML”属性,如下图:
在这里插入图片描述
接着,因为视图里面的所有内容变成了HTML,那么最好我们就需要自己写一些可以进行排版布局的HTML标签,例如

标签下的、", 效果如下图所示:
在这里插入图片描述
但如果你直接在Web中预览,, 效果会很不好,如下图所示:
在这里插入图片描述
我们建议新建一个表单,里面加上一个字段,例如searchText,然后加上一个按钮叫做search,Search按钮用来执行搜索操作,JS代码如下:
等,需要对视图列和列值都写上对应的标签,为了能够再视图里选择文档,则可以新建一个列,对应的值可以写"<input type=“checkbox” name=“processdocs” value=“” + @Text(@DocumentUniqueID) + “” />

searchTxt = document.forms[0].searchText.value;
newurl = 'web?searchView&query=' + searchTxt;
window.location= newurl;

利用Domino自带的搜索URL方式(例如http://host/dbname/viewname?searchview&query=keyword),如下图所示
在这里插入图片描述
再加上一个系统字段 v i e w b o d y (对应的值可以写成视图名称,视图会在这个字段里面显示),所以在 viewbody(对应的值可以写成视图名称,视图会在这个字段里面显示),所以在 viewbody(对应的值可以写成视图名称,视图会在这个字段里面显示),所以在viewbody字段外面我们加上了

标签(视图中主要是和两部分),如下图所示:
在这里插入图片描述
还有,如果这个表单是用做搜索使用,请将表单命名为$$SearchTemplate for viewname格式,这样只要使用Domino自带的搜索URL,就会自动打开本表单。

本例$$SearchTemplate for web,如下图:
在这里插入图片描述
在预览此表单时,就可以直接进行搜索,如下图:
在这里插入图片描述
搜索结果就可以选择:
在这里插入图片描述
如果你使用了第三方前端框架,例如DataTables来展现视图(可在B站哔哩哔哩搜索Domino Web视频查看设计过程),利用以上办法也可以实现视图里的文档选择和搜索结果的选择等等,如下图:
在这里插入图片描述
该栗子是不是只用了很简单的几行JavaScript代码就实现了搜索功能和结果选择?

这才真正现代和环保的Web设计方式!

好了,今天就介绍到这里。更多精彩文章请关注微信公众号:协作者

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/145306.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

【QGIS入门实战精品教程】8.1:QGIS制作地图案例教程

文章目录 一、加载矢量数据二、加载影像底图三、美化矢量数据四、切换到排版视图五、添加经纬度格网六、添加其他修饰元素七、地图输出一、加载矢量数据 加载本实验数据基础数据.gpkg中的甘肃省政区矢量数据,如下所示: 二、加载影像底图 QGIS加载在线地图案例教程参考: 【…

5、Java中的JDBCJDBCUtilsJDBC控制事务getResource中文或有空格路径处理ResourceBundle演示

JDBC&#xff1a; 1. 概念&#xff1a;Java DataBase Connectivity Java 数据库连接&#xff0c; Java语言操作数据库 * JDBC本质&#xff1a;其实是官方&#xff08;sun公司&#xff09;定义的一套操作所有关系型数据库的规则&#xff0c;即接口。各个数据库厂商去实现这…

回收租赁商城系统功能拆解04讲-商品品牌

回收租赁系统适用于物品回收、物品租赁、二手买卖交易等三大场景。 可以快速帮助企业搭建类似闲鱼回收/爱回收/爱租机/人人租等回收租赁商城。 回收租赁系统支持智能评估回收价格&#xff0c;后台调整最终回收价&#xff0c;用户同意回收后系统即刻放款&#xff0c;用户微信零…

第04章 程序控制结构

在程序中&#xff0c;程序运行的流程控制决定程序是如何执行的。 顺序控制 介绍&#xff1a; 程序从上到下的逐行的执行&#xff0c;中间没有任何判断和跳转。 使用&#xff1a;java中定义变量时&#xff0c;采用合法的前向引用。如&#xff1a; public class Test{int num…

【虚幻引擎】UE4/UE5像素流在广域网上(云)部署(多实例)

一、选择云服务器 每个云平台都提供许多预设的镜像选择&#xff0c;由于像素流技术目前只支持Windows操作系统&#xff0c;所以我们需要选择Windows Server的镜像&#xff0c;2012/2016/2019皆可。我们这里选择了Windows Server 2016 R2 简体中文版的镜像&#xff0c;之所以选择…

【SSM整合】对Spring、SpringMVC、MyBatis的整合,以及Bootstrap的使用,简单的新闻管理系统

✅作者简介&#xff1a;热爱Java后端开发的一名学习者&#xff0c;大家可以跟我一起讨论各种问题喔。 &#x1f34e;个人主页&#xff1a;Hhzzy99 &#x1f34a;个人信条&#xff1a;坚持就是胜利&#xff01; &#x1f49e;当前专栏&#xff1a;【Spring】 &#x1f96d;本文内…

代码随想录第53天|● 1143.最长公共子序列 ● 1035.不相交的线 ● 53. 最大子序和 动态规划

1143.最长公共子序列 和718.最长重复子数组类似 包括二维数组初始化这些 不同之处在于递推公式主要就是两大情况&#xff1a; text1[i - 1] 与 text2[j - 1]相同&#xff0c;text1[i - 1] 与 text2[j - 1]不相同 如果text1[i - 1] 与 text2[j - 1]相同&#xff0c;那么找到了…

Windows/Linux日志分析

Windows日志分析 Windows系统日志是记录系统中硬件、软件和系统问题的信息&#xff0c;同时还可以监视系统中发生的事件。用户可以通过它来检查错误发生的原因&#xff0c;或者寻找受到攻击时攻击者留下的痕迹。 Windows主要有以下三类日志记录系统事件&#xff1a;应用程序日志…

【链表】leetcode707.设计链表(C/C++/Java/Js)

leetcode707.设计链表1 题目2 思路3 代码3.1 C版本3.2 C版本3.3 Java版本3.3.1 单链表3.3.2 双链表3.4 JavaScript版本4 总结1 题目 题源链接 设计链表的实现。您可以选择使用单链表或双链表。单链表中的节点应该具有两个属性&#xff1a;val 和 next。val 是当前节点的值&…

2022年地图产业研究报告

第一章 行业概况 地图是按照一定法则&#xff0c;有选择地以二维或多维形式与手段在平面或球面上表示地球&#xff08;或其它星球&#xff09;若干现象的图形或图像&#xff0c;它具有严格的数学基础、符号系统、文字注记&#xff0c;并能用地图概括原则&#xff0c;科学地反映…

canvasjs javascript-charts 3.7.3 Crack

canvasjs javascript-charts/ 3.7.3 具有 30 多种图表类型的 JavaScript 图表库 具有 10 倍性能和 30 多种图表类型的 JavaScript 图表和图形库。核心 JavaScript 图表库是独立的&#xff0c;但也带有流行框架的组件&#xff0c;如 React、Angular、Vue 等。图表响应迅速&#…

14、RH850 F1 RAM存储器介绍

前言: RAM——程序运行中数据的随机存取&#xff08;掉电后数据消失&#xff09;整个程序中&#xff0c;所用到的需要被改写的量&#xff0c;都存储在RAM中&#xff0c;“被改变的量”包括全局变量、局部变量、堆栈段&#xff0c;此专栏会有针对SPI的工作原理的详细介绍。 一、…

性能优化系列之如何选择合适的WebView内核?

文章の目录一、iOS UIWebView1、优点2、不足二、iOS WKWebView1、优势2、不足三、Android WebKit 和 Chromium四、Android 第三方1、X5 内核五、选型建议写在最后一、iOS UIWebView 1、优点 从 iOS 2 开始就作为 App 内展示 Web 内容的容器排版布局能力强 2、不足 内存泄露…

将两个对象以指定方法按指定轴对齐的DataFrame.align()方法

【小白从小学Python、C、Java】【计算机等级考试500强双证书】【Python-数据分析】将两个对象以指定方法按指定轴对齐DataFrame.align()选择题关于以下python代码说法错误的一项是?import pandas as pddf1 pd.DataFrame({"A": [1,2],"B":[3,4]})df2 pd.…

MySQL延时关联使查询速度提升N倍

以下内容也可以观看视频教程&#xff1a; https://space.bilibili.com/431152063先来看下面的sql语句&#xff1a; select * from orderinfo limit 1000000, 100目前orderinfo表中的数据大概是1亿行 查询耗时大概2秒多&#xff0c;如果将sql中的返回所有字段改成只返回dbid字段…

Linux驱动开发基础__APP怎么读取按键值

目录 1 妈妈怎么知道孩子醒了 2 APP读取按键的4种方法 2.1 查询方式 2.2 休眠-环形方式 2.3 poll方式 2.4 异步通知方式 在做单片机开发时&#xff0c;要读取 GPIO 按键&#xff0c;我们通常是执行一个循环&#xff0c;不断地 检测 GPIO 引脚电平有没有发生变化。但是在 Li…

进入保护模式

文章目录前言前置知识代码说明实验操作前言 本博客记录《操作系统真象还原》第四章实验操作~ 实验环境&#xff1a;ubuntu18.04VMware &#xff0c; Bochs下载安装 实验内容&#xff1a;实现从MBR到LOADER&#xff0c;由LOADER实现进入保护模式 实验原理&#xff1a;计算机…

Cadence PCB仿真分配电压网络电压时网络未自动识别问题解决方案

⏪《上一篇》   🏡《总目录》   ⏩《下一篇》 目录 1,问题概述2,分配方法3,避免方法4,总结1,问题概述 如下图所示在使用Allegro PCB SI为电源网络分配电压时,有些网络实际上是电源网络,但是未被自动识别,无法对齐分配电压,具体解决方法如下。 2,分配方法 第1…

最近新开源的基于单目稠密重建NeRF-SLAM

点云PCL免费知识星球&#xff0c;点云论文速读。文章&#xff1a;NeRF-SLAM: Real-Time Dense Monocular SLAM with Neural Radiance Fields作者&#xff1a;Antoni Rosinol John J. Leonard Luca Carlone编辑&#xff1a;点云PCL代码&#xff1a;https://github.com/ToniRV/N…

JavaScript 异步函数解析

前言 在学习 JavaScript 的过程中&#xff0c;理解并灵活运用异步相关知识是一件不容易的事情&#xff0c;这体现在代码可读性、健壮性上&#xff0c;好在 ES6 出现后挽回了这一局面&#xff0c;我们不再需要编写可读性不高的回调嵌套&#xff0c;也不用为了代码的健壮性而处处…