معرفی
در این مقاله، من نحوه افزودن پیوندهایی را که به عنوان سرفصل در قسمت راه اندازی سریع رابط کاربری با استفاده از REST API نشان داده شده اند را بررسی کرده ام. در اینجا، ما سعی کردیم با استفاده از REST API با استفاده از jQuery، گره ناوبری سفارشی مربوط به پیوندهای موجود در منطقه راه اندازی سریع سایت را اضافه کنیم.
پیش نیازها -
REST API QuickLaunch EndPoint برای استفاده در Add_ins -
/_api/web/Navigation/QuickLaunch
سناریو
من سایت میزبان را ایجاد کرده ام و به طور پیش فرض چندین گره ناوبری راه اندازی سریع اضافه کرده ام. حال، فرض کنید میخواهیم یک گره ناوبری سفارشی «Notebook» را در راهاندازی سریع (یعنی ناوبری چپ) اضافه کنیم.
هدف، واقعگرایانه
من یک گره ناوبری سفارشی "Notebook" را به راه اندازی سریع (به عنوان مثال ناوبری سمت چپ) با کلیک روی دکمه اضافه کرده ام.
از روش ارائه شده در زیر استفاده کنید.
مرحله 1
به سایت شیرپوینت 2013 خود بروید.
گام 2
از این صفحه، Site Actions | را انتخاب کنید ویرایش صفحه.
صفحه را ویرایش کنید، به تب "Insert" در نوار بروید و گزینه "Web Part" را کلیک کنید. در قسمت انتخابگر Web Parts، به دسته «رسانه و محتوا» بروید، بخش وب ویرایشگر اسکریپت را انتخاب کنید و دکمه «افزودن» را فشار دهید.
مرحله 3
هنگامی که بخش وب در صفحه درج شد، پیوند "EDIT SNIPPET" را مشاهده خواهید کرد. روی آن کلیک کنید. می توانید HTML و/یا جاوا اسکریپت را مانند شکل زیر وارد کنید.
- <script type="text/javascript" src="../.../SiteAssets/Script/jquery-1.10.2.js"></script>
- <script type="text/javascript">
- $(document).ready(function ($) {
- $("#createQuickLaunch").click(function () { createQuickLaunch() });
- });
- //Create a Quicklaunch Navigation
- function createQuickLaunch() {
- var endPointUrl = _spPageContextInfo.webAbsoluteUrl + "/_api/web/navigation/QuickLaunch";
- var headers = {
- "accept": "application/json;odata=verbose",
- "content-Type": "application/json;odata=verbose",
- "X-RequestDigest": jQuery("#__REQUESTDIGEST").val()
- }
- var call = jQuery.ajax({
- url: endPointUrl,
- type: "POST",
- data: JSON.stringify({
- "__metadata": { type: "SP.NavigationNode" },
- 'IsExternal': true,
- 'Title': "Notebook",
- 'Url': "http://www.testnotebook.com"
- }),
- headers: headers
- });
- call.done(successHandler);
- call.fail(failureHandler);
- }
- function successHandler(data, textStatus, jqXHR) {
- SP.UI.Notify.addNotification("Navigation created Successully", false);
- }
- function failureHandler(errorMessage) {
- alert("Request Failed: unable to Navigation: " + JSON.stringify(errorMessage));
- }
- </script>
قرار دادن نهایی
روی دکمه "ایجاد ناوبری" کلیک کنید.