Domino中运用jQuery读取视图内容的方法


Posted in Javascript onOctober 21, 2009

jQuery是一个快速的,简洁的javaScript库,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站或系统提供AJAX交互。
在Domino中应用jQuery框架能够大量简化js代码,并使得js的程序更加简洁和直观,下面是一个简单的例子,在表单中简单运用jQuery来读取视图内容。
1.在表单中加入以下代码并内置HTML:
html 代码:
<input type=button onclick="GetViewContent()" value="获取视图内容">
<div id="ViewContent"></div>
按钮调用函数,div用来接收函数获取到的视图内容,并显示出来。
在表单的jsheader中加入以下JavaScript函数:

function GetViewContent(){ 
var url = 服务器路径/数据库名称/视图名称?readviewentries" 
$.get(url,function(data){ 
var list = ""; 
list += "<TABLE border='1' cellspacing='0' cellpadding='3' width='100%'><TR><TD><TABLE width='100%' border='1'>" 
if($(data).find("viewentry").size == 0){ 
} else { 
$(data).find("viewentry").each(function(){ 
if($(this).attr("position") < 11) { 
$(this).find("entrydata").each(function(){ 
if ($(this).attr("name")=="name") 
list+="<tr><td>"+$(this).text()+"</td><td>"+$(this).next().text()+"</td><td>"+$(this).next().next().text()+"</td></tr>"; 
}) 
} 
}) 
} 
list += "</TABLE></TD></TR></TABLE>" 
$("#ViewContent").html(list); 
}); 
}

注:此代码能成功运行的前提是,在表单中记得调用jQuery.js文件。
Javascript 相关文章推荐
jquery 问答知识整理
Feb 11 Javascript
获取客户端电脑日期时间js代码(jquery)
Sep 12 Javascript
window.open的页面如何刷新(父页面)上层页面
Dec 28 Javascript
JS检测图片大小的实例
Aug 21 Javascript
基于jquery fly插件实现加入购物车抛物线动画效果
Apr 05 Javascript
开源免费天气预报接口API及全国所有地区代码(国家气象局提供)
Dec 26 Javascript
详解如何在Angular中快速定位DOM元素
May 17 Javascript
three.js加载obj模型的实例代码
Nov 10 Javascript
原生JS实现网页手机音乐播放器 歌词同步播放的示例
Feb 02 Javascript
js实现简单选项卡制作
Aug 05 Javascript
Vue环境搭建+VSCode+Win10的详细教程
Aug 19 Javascript
ant-design-vue中tree增删改的操作方法
Nov 03 Javascript
JavaScript 常用函数库详解
Oct 21 #Javascript
再谈ie和firefox下的document.all属性
Oct 21 #Javascript
javascript void(0)的妙用
Oct 21 #Javascript
extjs 学习笔记 四 带分页的grid
Oct 20 #Javascript
Jquery Ajax.ashx 高效分页实现代码
Oct 20 #Javascript
fireworks菜单生成器mm_menu.js在 IE 7.0 显示问题的解决方法
Oct 20 #Javascript
Javascript remove 自定义数组删除方法
Oct 20 #Javascript
You might like
php缓冲 output_buffering和ob_start使用介绍
2014/01/30 PHP
Extjs学习笔记之一 初识Extjs之MessageBox
2010/01/07 Javascript
用Javascript获取页面元素的具体位置
2013/12/09 Javascript
解决js中window.open弹出的是上次的缓存页面问题
2013/12/29 Javascript
jquery禁止输入数字以外的字符的示例(纯数字验证码)
2014/04/10 Javascript
纯js实现遮罩层效果原理分析
2014/05/27 Javascript
jquery实现个人中心导航菜单效果和美观都非常不错
2014/09/02 Javascript
jQuery中delegate()方法用法实例
2015/01/19 Javascript
js生成验证码并直接在前端判断
2015/05/15 Javascript
jQuery Form 表单提交插件之formSerialize,fieldSerialize,fieldValue,resetForm,clearForm,clearFields的应用
2016/01/23 Javascript
javascript html实现网页版日历代码
2016/03/08 Javascript
jquery实现数字输入框
2017/02/22 Javascript
从零开始学习Node.js系列教程二:文本提交与显示方法
2017/04/13 Javascript
javascript获取图片的top N主色值方法详解
2018/01/26 Javascript
完美解决axios跨域请求出错的问题
2018/02/05 Javascript
Vue 组件修改根实例的数据的方法
2019/04/02 Javascript
Vue.js递归组件实现组织架构树和选人功能
2019/07/04 Javascript
如何在JavaScript中创建具有多个空格的字符串?
2020/02/23 Javascript
一篇文章带你使用Typescript封装一个Vue组件(简单易懂)
2020/06/05 Javascript
[51:39]DOTA2-DPC中国联赛 正赛 Magma vs LBZS BO3 第二场 2月7日
2021/03/11 DOTA
浅谈Python 中整型对象的存储问题
2016/05/16 Python
python实现中文转换url编码的方法
2016/06/14 Python
Python object类中的特殊方法代码讲解
2020/03/06 Python
pycharm如何使用anaconda中的各种包(操作步骤)
2020/07/31 Python
matplotlib 多个图像共用一个colorbar的实现示例
2020/09/10 Python
基于 HTML5 WebGL 实现的垃圾分类系统
2019/10/08 HTML / CSS
波兰最大的儿童服装连锁店之一:5.10.15.
2018/02/11 全球购物
英国假发网站:Hothair
2018/02/23 全球购物
教育系毕业生中文求职信范文
2013/10/06 职场文书
亲子拓展活动方案
2014/02/20 职场文书
医学专业自荐信
2014/06/14 职场文书
2014年教师批评与自我批评思想汇报
2014/09/20 职场文书
省委召开党的群众路线教育实践活动总结大会报告
2014/10/21 职场文书
工作检讨书范文
2015/01/23 职场文书
施工员岗位职责
2015/02/10 职场文书
运动会宣传稿100字
2015/07/23 职场文书