上一次，我們通過幾個簡單的步驟實現了級聯下拉框——一個下拉框可以過濾另一個的可選項。

但是，如果我們有三個下拉框需要做級聯該怎么做呢？比如，國家-省-市。或者工作地點-組-職位。

接下來的步驟相對于前面介紹的步驟來說有點重復：

1、創建一個查閱項列表并填充數據

2、創建一個網站欄，類型為查閱項，信息來源指向該列表

3、創建一個關系列表，用于存放新的第三級項和第二級項的對應關系。

4、填充關系列表數據

5、在我們工作的列表中添加新創建的網站欄

6、通過jQuery完成第二級和第三級項的級聯

實例——地質數據

下面是一個在DVWP中實現的三級級聯的例子：

第三級和第二級級聯的jQuery腳本和第一級和第二級級聯的腳本很類似：

?

<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: "代紀關系", relationshipListParentColumn: "Dai", relationshipListChildColumn: "Ji", relationshipListSortColumn: "Ji", parentColumn: "代",childColumn: "紀",promptText: "(無)"});$().SPServices.SPCascadeDropdowns({relationshipWebURL: "/", relationshipList: "紀統關系", relationshipListParentColumn: "Ji", relationshipListChildColumn: "Tong", relationshipListSortColumn: "Tong", parentColumn: "紀",childColumn: "統",promptText: "(無)"});}) </script>

這里需要注意的還是在創建網站欄和關系列表時，中文名稱的命名一定要先起一個不含空格的字母組成的名字，然后再修改成中文的顯示名稱。以保證內部名稱的單純性。

代碼的運行效果和設想的一樣！

而且，更加人性化的地方是，對于一個子項對應多個父項的情況，如果父變了，而之前選中的子項對當前的父仍然有效的話，該子項值還會保持選中狀態。不管是在二三級之間，還是在一二級之間都是如此。當然，對于上面的地層來說，不可能出現交插的情況。但如果是“工作地點-分組-職位”的話就完全有可能出現這種情況了。不同的工作地點下可能存在同一個組，或者不同的組中可能存在同一個職位。此時，父發生變化，只要子還是對于新的父項有效，則其值仍然會保持選中狀態。而不是像一般情況那樣被清空。

?

下一次：現在我們已經在查閱項字段中填充了初始數據，并且創建了關系列表，如果關系列表能夠實現列表項標題的“自命名”就好了。接下來的擴展DVWP系列中我們將通過一小段jQuery來實現該功能。

?

參考資料

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

轉載于:https://www.cnblogs.com/Sunmoonfire/archive/2010/09/11/1823836.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。