上一次，我們通過(guò)幾個(gè)簡(jiǎn)單的步驟實(shí)現(xiàn)了級(jí)聯(lián)下拉框——一個(gè)下拉框可以過(guò)濾另一個(gè)的可選項(xiàng)。

但是，如果我們有三個(gè)下拉框需要做級(jí)聯(lián)該怎么做呢？比如，國(guó)家-省-市。或者工作地點(diǎn)-組-職位。

接下來(lái)的步驟相對(duì)于前面介紹的步驟來(lái)說(shuō)有點(diǎn)重復(fù)：

1、創(chuàng)建一個(gè)查閱項(xiàng)列表并填充數(shù)據(jù)

2、創(chuàng)建一個(gè)網(wǎng)站欄，類(lèi)型為查閱項(xiàng)，信息來(lái)源指向該列表

3、創(chuàng)建一個(gè)關(guān)系列表，用于存放新的第三級(jí)項(xiàng)和第二級(jí)項(xiàng)的對(duì)應(yīng)關(guān)系。

4、填充關(guān)系列表數(shù)據(jù)

5、在我們工作的列表中添加新創(chuàng)建的網(wǎng)站欄

6、通過(guò)jQuery完成第二級(jí)和第三級(jí)項(xiàng)的級(jí)聯(lián)

實(shí)例——地質(zhì)數(shù)據(jù)

下面是一個(gè)在DVWP中實(shí)現(xiàn)的三級(jí)級(jí)聯(lián)的例子：

第三級(jí)和第二級(jí)級(jí)聯(lián)的jQuery腳本和第一級(jí)和第二級(jí)級(jí)聯(lián)的腳本很類(lèi)似：

?

<script src="/_layouts/Scripts/jquery-1.3.2.min.js" type="text/javascript"></script> <script src="/_layouts/Scripts/jquery.SPServices-0.5.6.js" type="text/javascript"></script> <script language="javascript" type="text/javascript">$(document).ready(function() {$().SPServices.SPCascadeDropdowns({relationshipWebURL: "/",relationshipList: "代紀(jì)關(guān)系", relationshipListParentColumn: "Dai", relationshipListChildColumn: "Ji", relationshipListSortColumn: "Ji", parentColumn: "代",childColumn: "紀(jì)",promptText: "(無(wú))"});$().SPServices.SPCascadeDropdowns({relationshipWebURL: "/", relationshipList: "紀(jì)統(tǒng)關(guān)系", relationshipListParentColumn: "Ji", relationshipListChildColumn: "Tong", relationshipListSortColumn: "Tong", parentColumn: "紀(jì)",childColumn: "統(tǒng)",promptText: "(無(wú))"});}) </script>

這里需要注意的還是在創(chuàng)建網(wǎng)站欄和關(guān)系列表時(shí)，中文名稱(chēng)的命名一定要先起一個(gè)不含空格的字母組成的名字，然后再修改成中文的顯示名稱(chēng)。以保證內(nèi)部名稱(chēng)的單純性。

代碼的運(yùn)行效果和設(shè)想的一樣！

而且，更加人性化的地方是，對(duì)于一個(gè)子項(xiàng)對(duì)應(yīng)多個(gè)父項(xiàng)的情況，如果父變了，而之前選中的子項(xiàng)對(duì)當(dāng)前的父仍然有效的話，該子項(xiàng)值還會(huì)保持選中狀態(tài)。不管是在二三級(jí)之間，還是在一二級(jí)之間都是如此。當(dāng)然，對(duì)于上面的地層來(lái)說(shuō)，不可能出現(xiàn)交插的情況。但如果是“工作地點(diǎn)-分組-職位”的話就完全有可能出現(xiàn)這種情況了。不同的工作地點(diǎn)下可能存在同一個(gè)組，或者不同的組中可能存在同一個(gè)職位。此時(shí)，父發(fā)生變化，只要子還是對(duì)于新的父項(xiàng)有效，則其值仍然會(huì)保持選中狀態(tài)。而不是像一般情況那樣被清空。

?

下一次：現(xiàn)在我們已經(jīng)在查閱項(xiàng)字段中填充了初始數(shù)據(jù)，并且創(chuàng)建了關(guān)系列表，如果關(guān)系列表能夠?qū)崿F(xiàn)列表項(xiàng)標(biāo)題的“自命名”就好了。接下來(lái)的擴(kuò)展DVWP系列中我們將通過(guò)一小段jQuery來(lái)實(shí)現(xiàn)該功能。

?

參考資料

SharePoint:Extending the DVWP - Part 21:Cascading Dropdowns - Three-tier Cascade

轉(zhuǎn)載于:https://www.cnblogs.com/Sunmoonfire/archive/2010/09/11/1823836.html

總結(jié)

以上是生活随笔為你收集整理的SharePoint：扩展DVWP - 第21部分：实现可维护的三级联动下拉框的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。