当前位置: 首页 > 图文教程 > 网络编程 > Javascript > Domino中运用jQuery读取视图内容的方法

Javascript
JQuery 学习笔记 选择器之四
JQuery 学习笔记 选择器之五
JQuery 学习笔记 选择器之六
JQuery CSS样式控制 学习笔记
用js模仿word格式刷功能实现代码 [推荐]
运用jquery实现table单双行不同显示并能单行选中
jqPlot jquery的页面图表绘制工具
jquery tools之tabs 选项卡/页签
jquery tools之tooltip
浅析Javascript原型继承 推荐
JQuery UI皮肤定制
实现lightBox时的样式与行为分离减少JS
JQuery 表格操作(交替显示、拖动表格行、选择行等)
javascript 进度条 实现代码
Javascript this指针
jquery imgareaselect 使用利用js与程序结合实现图片剪切
javascript 写的一个简单的timer
javascript 处理HTML元素必须避免使用的一种方法
Javascript 验证上传图片大小[客户端]
jQuery 隔行换色 支持键盘上下键,按Enter选定值

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-10   浏览: 176 ::
收藏到网摘: n/a

jQuery是继prototype之后又一个优秀的Javascrīpt框架。其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。 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文件。