Domino中运用jQuery读取视图内容的方法
作者:bea
jQuery是一个快速的,简洁的javaScript库,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站或系统提供AJAX交互。 在Domino中应用jQuery框架能够大量简化js代码,并使得js的程序更加简洁和直观,下面是一个简单的例子,在表单中简单运用jQuery来读取视图内容。 1.在表单中加入以下代码并内置HTML: html 代码: <input type=button onclick="GetViewConte
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文件。
有用 | 无用
在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文件。
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- LazyForm jQuery plugin 定制您的CheckBox Radio和Select
- 写入cookie的JavaScript代码库 cookieLibrary.js
- js文件中调用js的实现方法小结
- struts2 jquery 打造无限层次的树
- JS 操作日期 顺便实现 上一周 和 下一周 功能
- jquery 插件开发方法小结
- 文字瞬间从左到右切换显示的JavaScript代码
- 用按钮触发Javascript动态生成一个表格的代码
- VBScript 实现文字遮罩
- jquery 屏蔽一个区域内的所有元素,禁止输入
- javascript 网页上跳动的文字
- JavaScript 仿歌词效果
- JavaScript数组应用 可依次读取的公告栏文字
- 仿打字特效的JS逐字出现的信息文字
- JavaScript 平滑文字闪烁
- javascript 洒脱飘动的文字
- JavaScript 炫彩的文字
- Javascript 小写字母依次变为大写
- Js+CSS 文字渐隐渐现显示