Domino中運(yùn)用jQuery讀取視圖內(nèi)容的方法
更新時(shí)間：2009年10月21日 22:49:02 作者：
jQuery是繼prototype之后又一個(gè)優(yōu)秀的Javascrīpt框架。其宗旨是——WRITE LESS,DO MORE,寫更少的代碼,做更多的事情。
jQuery是一個(gè)快速的，簡(jiǎn)潔的javaScript庫(kù)，使用戶能更方便地處理HTML documents、events、實(shí)現(xiàn)動(dòng)畫效果，并且方便地為網(wǎng)站或系統(tǒng)提供AJAX交互。
在Domino中應(yīng)用jQuery框架能夠大量簡(jiǎn)化js代碼，并使得js的程序更加簡(jiǎn)潔和直觀，下面是一個(gè)簡(jiǎn)單的例子，在表單中簡(jiǎn)單運(yùn)用jQuery來(lái)讀取視圖內(nèi)容。
1.在表單中加入以下代碼并內(nèi)置HTML：
html 代碼：
<input type=button onclick="GetViewContent()" value="獲取視圖內(nèi)容">
<div id="ViewContent"></div>
按鈕調(diào)用函數(shù)，div用來(lái)接收函數(shù)獲取到的視圖內(nèi)容，并顯示出來(lái)。
在表單的jsheader中加入以下JavaScript函數(shù)：
function GetViewContent(){
var url = 服務(wù)器路徑/數(shù)據(jù)庫(kù)名稱/視圖名稱?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框架能夠大量簡(jiǎn)化js代碼，并使得js的程序更加簡(jiǎn)潔和直觀，下面是一個(gè)簡(jiǎn)單的例子，在表單中簡(jiǎn)單運(yùn)用jQuery來(lái)讀取視圖內(nèi)容。
1.在表單中加入以下代碼并內(nèi)置HTML：
html 代碼：
<input type=button onclick="GetViewContent()" value="獲取視圖內(nèi)容">
<div id="ViewContent"></div>
按鈕調(diào)用函數(shù)，div用來(lái)接收函數(shù)獲取到的視圖內(nèi)容，并顯示出來(lái)。
在表單的jsheader中加入以下JavaScript函數(shù)：
復(fù)制代碼 代碼如下:
function GetViewContent(){
var url = 服務(wù)器路徑/數(shù)據(jù)庫(kù)名稱/視圖名稱?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的插件提供了一個(gè)很好的方法，節(jié)省了時(shí)間和簡(jiǎn)化了開(kāi)發(fā)，避免程序員從頭開(kāi)始編寫每個(gè)組件。但是，插件也將一個(gè)不穩(wěn)定因素引入代碼中。一個(gè)好的插件節(jié)省了無(wú)數(shù)的開(kāi)發(fā)時(shí)間，一個(gè)質(zhì)量不好的插件會(huì)導(dǎo)致修復(fù)錯(cuò)誤的時(shí)間比實(shí)際從頭 開(kāi)始編寫組件的時(shí)間還長(zhǎng)。2014-09-09
$號(hào)是jQuery“類”的一個(gè)別稱，$()構(gòu)造了一個(gè)jQuery對(duì)象。所以，“$()”可以叫做jQuery的構(gòu)造函數(shù)（個(gè)人觀點(diǎn)，呵呵?。?。2009-12-12
比較常用的限制字符輸入數(shù)功能(比如熱火超天的微博輸入框),用jQuery和原生JavaScript分別寫了一個(gè).原生JavaScript注釋中有區(qū)分中英文字符的函數(shù), 但個(gè)人并不建議這么做.2010-09-09
jQuery之DOM對(duì)象和jQuery對(duì)象的轉(zhuǎn)換與區(qū)別分析
這篇文章主要介紹了jQuery之DOM對(duì)象和jQuery對(duì)象的轉(zhuǎn)換與區(qū)別分析,對(duì)比分析了DOM對(duì)象和jQuery對(duì)象的原理與用法,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-01-01
jQuery效果 slideToggle() 方法(在隱藏和顯示之間切換)
slideToggle() 方法通過(guò)使用滑動(dòng)效果（高度變化）來(lái)切換元素的可見(jiàn)狀態(tài)。2011-06-06
使用jquery+CSS3實(shí)現(xiàn)仿windows10開(kāi)始菜單的下拉導(dǎo)航菜單特效
本文是基于jquery和css3實(shí)現(xiàn)的仿windows10開(kāi)始菜單的下拉導(dǎo)航菜單特效，代碼超簡(jiǎn)單，感興趣的朋友一起看看吧2015-09-09
jquery自動(dòng)補(bǔ)齊功能插件flexselect用法示例
這篇文章主要介紹了jquery自動(dòng)補(bǔ)齊功能插件flexselect用法,結(jié)合實(shí)例形式分析了flexselect實(shí)現(xiàn)自動(dòng)補(bǔ)齊功能的操作步驟與相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2016-08-08
下面小編就為大家分享一篇jQuery中庫(kù)的引用方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-01-01
jQuery實(shí)現(xiàn)瀑布流布局詳解（PC和移動(dòng)端）
這篇文章非常全面的介紹了在PC和移動(dòng)端上jQuery實(shí)現(xiàn)瀑布流布局的詳細(xì)過(guò)程，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，對(duì)瀑布流布局感興趣的小伙伴們可以參考一下2015-10-10
這篇文章主要介紹了jquery判斷元素是否隱藏的多種方法,本文總結(jié)了多種判斷方法實(shí)例,需要的朋友可以參考下2014-05-05