• <label id="pxtpz"><meter id="pxtpz"></meter></label>
      1. <span id="pxtpz"><optgroup id="pxtpz"></optgroup></span>

        當前位置:雨林木風下載站 > 辦公軟件教程 > 詳細頁面

        SharePoint 如何使用查閱項完成聯動下拉框

        SharePoint 如何使用查閱項完成聯動下拉框

        更新時間:2024-02-08 文章作者:未知 信息來源:網絡 閱讀次數:

        SharePoint發行版本有SharePoint2003、SharePoint2007、Sharepoint 2010、SharePoint2013和SharePoint2016。SharePoint提供了功能強大的團隊協作環境,使得組織能夠在整個組織內部實現整合、組織、查找和提供 SharePoint站點。

        SharePoint列表使用中,經常會用到下拉框,而有些特殊的需求,會用到聯動的下拉框,在SharePoint中默認沒有這樣的字段,所以如果實現,我們需要自己想辦法。

          這里,我們介紹如何使用JQuery+JavaScript客戶端對象模型實現,下面讓我簡單介紹下實現的全過程。

          1、創建基礎列表CityList,保存的是城市名稱,使用默認字段Title;

        clip_image002

          2、列表CityList的所有欄,我把Title字段的名稱改為了City Name,如下圖:

        clip_image004

          3、創建基礎列表AreaList,用于保存所有區和關聯的城市,如下圖:

        clip_image006

          4、列表AreaList的所有欄,這里Title是區的名稱,CityName是查閱項,關聯自城市列表,如下圖:

        clip_image008

          5、欄CityName的詳細屬性,如下圖:

        clip_image010

          6、創建我們用來展示的列表,City一欄來自CityList,類型查閱項;Area一欄來自AreaList,類型查閱項;默認創建新項目,添加City的截圖如下:

        clip_image012

          7、默認新建項目,Area欄效果如圖,會顯示出欄Area所有的內容:

        clip_image014

          8、在新建頁面上,添加內容編輯器,添加如下代碼:

        clip_image016

        復制代碼
        復制代碼

          9、再次打開新建項目頁面,發現和一開始不一樣了,這里Area欄只是None,如下圖:

        clip_image018

          10、在欄City里選中北京,如下圖:

        clip_image020

          11、查看Area欄的內容,只是北京的幾個區,不再是所有區了,說明我們的腳本生效了,如下圖:

        clip_image022

          12、當我們選中重慶的時候,因為測試數據中沒有為重慶添加區,所以顯示為None,如下圖:

        clip_image024

          13、查看我寫的JS腳本,這是引用的所有腳本;我的這一聯動查閱項,就是基于這個腳本和JQuery庫實現的,如下圖:

        clip_image026

        總 結

          當我想到聯動下拉框,首先想到就是JQuery實現,在SharePoint中,很多前臺的應用,使用JQuery都非常方便,當然,腳本我會附加下載地址,有興趣的可以拿去使用。

          在寫腳本的時候,我盡量封裝成類庫,前臺調用即可,有特殊需要的下載后自己修改吧。


        Sharepoint 可以幫助企業用戶輕松完成日常工作。

        溫馨提示:喜歡本站的話,請收藏一下本站!

        本類教程下載

        系統下載排行

        主站蜘蛛池模板: 免费91麻豆精品国产自产在线观看 | 18成禁人视频免费网站| 亚洲精品专区在线观看| 免费无码国产V片在线观看| 国产成人精品免费视频大全五级 | 午夜高清免费在线观看| 亚洲精品无码久久久久A片苍井空| 免费看国产精品3a黄的视频| 亚洲综合国产成人丁香五月激情| 最近中文字幕无免费视频| 伊人久久五月丁香综合中文亚洲 | www.黄色免费网站| 狠狠色伊人亚洲综合网站色| 大陆一级毛片免费视频观看i| 亚洲a∨无码精品色午夜| 亚洲av再在线观看| 99在线视频免费观看| 久久精品九九亚洲精品| 啦啦啦高清视频在线观看免费 | 亚洲成在人线在线播放无码| 免费在线精品视频| 久久久国产精品福利免费| 亚洲国产成人精品电影| 午夜毛片不卡高清免费| 国产乱子伦精品免费视频| 亚洲永久永久永久永久永久精品| 国产情侣激情在线视频免费看| 亚洲精品人成网线在线播放va | 亚洲国产精品无码久久| 亚洲精品一级无码中文字幕| 99精品视频在线免费观看| 亚洲αⅴ无码乱码在线观看性色| 国产成人亚洲精品影院| 最新黄色免费网站| 黄页网址大全免费观看12网站| 久久综合日韩亚洲精品色| 四虎影院在线免费播放| 中文字幕在线观看免费| 亚洲午夜一区二区三区| 久久亚洲中文字幕精品一区四 | 最近中文字幕mv免费高清视频8 |