Domino中運用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的程序更加簡潔和直觀，下面是一個簡單的例子，在表單中簡單運用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);
});
}
注：此代碼能成功運行的前提是，在表單中記得調(diào)用jQuery.js文件。
在Domino中應(yīng)用jQuery框架能夠大量簡化js代碼，并使得js的程序更加簡潔和直觀，下面是一個簡單的例子，在表單中簡單運用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);
});
}
注：此代碼能成功運行的前提是，在表單中記得調(diào)用jQuery.js文件。
相關(guān)文章
jQuery的插件提供了一個很好的方法，節(jié)省了時間和簡化了開發(fā)，避免程序員從頭開始編寫每個組件。但是，插件也將一個不穩(wěn)定因素引入代碼中。一個好的插件節(jié)省了無數(shù)的開發(fā)時間，一個質(zhì)量不好的插件會導(dǎo)致修復(fù)錯誤的時間比實際從頭 開始編寫組件的時間還長。2014-09-09
$號是jQuery“類”的一個別稱，$()構(gòu)造了一個jQuery對象。所以，“$()”可以叫做jQuery的構(gòu)造函數(shù)（個人觀點，呵呵?。?。2009-12-12
比較常用的限制字符輸入數(shù)功能(比如熱火超天的微博輸入框),用jQuery和原生JavaScript分別寫了一個.原生JavaScript注釋中有區(qū)分中英文字符的函數(shù), 但個人并不建議這么做.2010-09-09
jQuery之DOM對象和jQuery對象的轉(zhuǎn)換與區(qū)別分析
這篇文章主要介紹了jQuery之DOM對象和jQuery對象的轉(zhuǎn)換與區(qū)別分析,對比分析了DOM對象和jQuery對象的原理與用法,具有一定參考借鑒價值,需要的朋友可以參考下2015-01-01
jQuery效果 slideToggle() 方法(在隱藏和顯示之間切換)
slideToggle() 方法通過使用滑動效果（高度變化）來切換元素的可見狀態(tài)。2011-06-06
使用jquery+CSS3實現(xiàn)仿windows10開始菜單的下拉導(dǎo)航菜單特效
本文是基于jquery和css3實現(xiàn)的仿windows10開始菜單的下拉導(dǎo)航菜單特效，代碼超簡單，感興趣的朋友一起看看吧2015-09-09
這篇文章主要介紹了jquery自動補齊功能插件flexselect用法,結(jié)合實例形式分析了flexselect實現(xiàn)自動補齊功能的操作步驟與相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2016-08-08
下面小編就為大家分享一篇jQuery中庫的引用方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01
這篇文章非常全面的介紹了在PC和移動端上jQuery實現(xiàn)瀑布流布局的詳細(xì)過程，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，對瀑布流布局感興趣的小伙伴們可以參考一下2015-10-10
這篇文章主要介紹了jquery判斷元素是否隱藏的多種方法,本文總結(jié)了多種判斷方法實例,需要的朋友可以參考下2014-05-05