Domino中運(yùn)用jQuery讀取視圖內(nèi)容的方法
更新時間:2009年10月21日 22:49:02 作者:
jQuery是繼prototype之后又一個優(yōu)秀的Javascrīpt框架。其宗旨是——WRITE LESS,DO MORE,寫更少的代碼,做更多的事情。
jQuery是一個快速的,簡潔的javaScript庫,使用戶能更方便地處理HTML documents、events、實現(xiàn)動畫效果,并且方便地為網(wǎng)站或系統(tǒng)提供AJAX交互。
在Domino中應(yīng)用jQuery框架能夠大量簡化js代碼,并使得js的程序更加簡潔和直觀,下面是一個簡單的例子,在表單中簡單運(yùn)用jQuery來讀取視圖內(nèi)容。
1.在表單中加入以下代碼并內(nèi)置HTML:
html 代碼:
<input type=button onclick="GetViewContent()" value="獲取視圖內(nèi)容">
<div id="ViewContent"></div>
按鈕調(diào)用函數(shù),div用來接收函數(shù)獲取到的視圖內(nèi)容,并顯示出來。
在表單的jsheader中加入以下JavaScript函數(shù):
function GetViewContent(){
var url = 服務(wù)器路徑/數(shù)據(jù)庫名稱/視圖名稱?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);
});
}
注:此代碼能成功運(yùn)行的前提是,在表單中記得調(diào)用jQuery.js文件。
在Domino中應(yīng)用jQuery框架能夠大量簡化js代碼,并使得js的程序更加簡潔和直觀,下面是一個簡單的例子,在表單中簡單運(yùn)用jQuery來讀取視圖內(nèi)容。
1.在表單中加入以下代碼并內(nèi)置HTML:
html 代碼:
<input type=button onclick="GetViewContent()" value="獲取視圖內(nèi)容">
<div id="ViewContent"></div>
按鈕調(diào)用函數(shù),div用來接收函數(shù)獲取到的視圖內(nèi)容,并顯示出來。
在表單的jsheader中加入以下JavaScript函數(shù):
復(fù)制代碼 代碼如下:
function GetViewContent(){
var url = 服務(wù)器路徑/數(shù)據(jù)庫名稱/視圖名稱?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);
});
}
注:此代碼能成功運(yùn)行的前提是,在表單中記得調(diào)用jQuery.js文件。
相關(guān)文章
jquery UI Datepicker時間控件的使用方法(加強(qiáng)版)
這篇文章繼續(xù)介紹了jquery UI Datepicker時間控件的使用方法,主要關(guān)于Datepicker插件的介紹和使用,并分享了第一個日歷插件的使用實例,需要的朋友可以參考下2015-11-11cookie的復(fù)制與使用記住用戶名實現(xiàn)代碼
正如標(biāo)題所言cookie如何復(fù)制、使用與記住用戶名,下面有個不錯的示例,感興趣的朋友可以參考下2013-11-11動態(tài)調(diào)用css文件——jquery的應(yīng)用
這篇文章主要介紹了動態(tài)調(diào)用css文件——jquery的應(yīng)用2007-02-02基于jquery的has()方法以及與find()方法以及filter()方法的區(qū)別詳解
本篇文章介紹了,基于jquery的has()方法以及與find()方法以及filter()方法的區(qū)別詳解需要的朋友參考下2013-04-04jQuery使用toggleClass方法動態(tài)添加刪除Class樣式的方法
這篇文章主要介紹了jQuery使用toggleClass方法動態(tài)添加刪除Class樣式的方法,實例分析了jQuery中toggleClass方法操作class樣式的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03jQuery實現(xiàn)帶滾動線條導(dǎo)航效果的方法
這篇文章主要介紹了jQuery實現(xiàn)帶滾動線條導(dǎo)航效果的方法,分析了帶滾動條導(dǎo)航效果的實現(xiàn)原理與相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-01-01淺談jquery選擇器 :first與:first-child的區(qū)別
下面小編就為大家?guī)硪黄獪\談jquery選擇器 :first與:first-child的區(qū)別。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-11-11jQuery插件formValidator自定義函數(shù)擴(kuò)展功能實例詳解
這篇文章主要介紹了jQuery插件formValidator自定義函數(shù)擴(kuò)展功能,結(jié)合實例形式分析了jQuery插件formValidator常見的各種判定與驗證技巧,非常簡單實用,需要的朋友可以參考下2015-11-11