-->

نوار درصد پیشرفت در لیست شیرپوینت

نویسنده :  

یکی از جدیدترین ویژگی های آن، خاصیت لینک جاوا اسکریپت بخش وب می باشد.که با استفاده از این ویژگی می توانید رندر کردن قسمت وب را کنترل کنید. 

 

SharePoint 2013 دارای ویژگی ها و قابلیت های جدید زیادی است که می تواند امکاناتی خارج از محدوده ابزاری خود داشته باشد. یکی از جدیدترین ویژگی های آن، خاصیت لینک جاوا اسکریپت بخش وب می باشد.که با استفاده از این ویژگی می توانید رندر کردن قسمت وب را کنترل کنید. این قابلیت بیشتر در ترکیب با نمایش لیست بخش وب (List View Web Part) استفاده می شود.

که این قابلیت جدید بیشتر برای جایگزینی قسمت Data View Web Part از SharePoint 2010 کاربرد دارد.

امکاناتش بی انتها است، بنابراین با یک مثال ساده و مفید عنوان خواهیم کرد که می توانید با این قابلیت چه کاری انجام دهید.

مثالی که در این متن می خواهم توضیح دهم این است که چگونه می توانید درصد کامل شده از یک کار را به صورت نوار ابزار نمایش دهید.

ایجاد یک نوار ابزار

اولین کاری که باید انجام دهید ایجاد یک لیست جدید وظایف با یک نما (View) می باشد که فیلد "٪ Complete" را نشان می دهد.

1

وقتی این لیست را ایجاد کردید ، یک فایل جدید جاوا اسکریپت ایجاد و اسمی مشابه اسم زیر برایش انتخاب کنید:

Task_Complete_Rendering.js

سپس کد زیر را در فایل جاوا اسکریپت خود Paste کنید.

 

(function () {

// Intialize the variables for overrides objects

var overrideCtx = {};

overrideCtx.Templates = {};

// Override field data

overrideCtx.Templates.Fields = {

// PercentComplate = internal name of the % Complete

// View = you want to change the field rendering of a view

// <div ... = here we define what the output of the field will be.

'PercentComplete': { 'View' : '<div style="background: #F3F3F3; display:block; height: 20px; width: 100px;">

<div style="background: #0072C6; height: 100%; width: <#=ctx.CurrentItem.PercentComplete.replace(/ /g,"")#>;"></div></div>' }

};

// Register the override of the field

SPClientTemplates.TemplateManager.RegisterTemplateOverrides(overrideCtx);

})();

 

 

 

توجه: من از کد <#=ctx.CurrentItem.PercentComplete#>  برای رندر گرفتن محتوای “%Complete” سندم استفاده کردم.

سپس فایل را ذخیره کرده و آن را در صفحه اصلی گالری (Master Page Gallery) بارگذاری کنید.

(Site Settings > Master pages and page layoutsفیلدهای ضروری را با داده های مورد نیاز را پر کنید.

۴

اکنون که فایل در محیط SharePoint شما بارگذاری شده است، به نمای جدیدی (Task List View) که ایجاد کرده اید برگردید. زمانیکه که در صفحه هستید ، صفحه را در حالت ویرایش قرار دهید و قسمت وب را ویرایش کنید.

در خصوصیات وب در بخش Miscellaneous می توانید ویژگی جدید لینک جاوا اسکریپت (JS Link) را پیدا کنید.  

آدرس URL این فایل را به این صورت پر کنید: ~site/_catalogs/masterpage/Task_Complete_Rendering.js

همچنین می توانید از این آدرس URL هم استفاده کنید: ~sitecollection که البته این آدرس باید در هنگام کار با سایتهای فرعی استفاده شود.

5

 

تغییرات قسمت وب را ذخیره کرده و صفحه را ذخیره کنید. کار تکمیل شده، فقط صفحه را Refresh کنید و نتیجه زیر را ملاحظه نمایید.

7

 

 

 

برترین مطالب آموزشی

این آموزش به سه بخش  اصلی تقسیم می شود: دریافت آیتم های انتخاب شده با استفاده از
در این مقاله جایگزین کردن فرم نینتکس را با پاورفرم توضیح خواهیم داد. این مقاله به
در این آموزش، ما در مورد چگونگی ایجاد یک وب پارت چارت سازمانی (JavaScript (jsom در
برای اینکه ارتباط شیرپوینت، Lync و Nintex را برقرار کنیم باید به صورت زیر عمل کنیم:
دانلود کتاب آموزشی شیرپوینت مقدمه: شما برای سازمان خود نیاز به نرم افزاری دارید که
یکی از قابلیت های مهم نرم افزار SharePoint ارتباط کامل با مجموعه آفیس می­باشد ...
آموزش پاورفرم - اسکریپت های کاربردی اسکریپت های مربوط به گرید   مقدار دهی
ایجاد آیتم در یک لیست با استفاده از JavaScript object model (jsom) کد مورد نظر را در یک
آموزش پاورفرم - اسکریپت های کاربردی  اسکریپت های مربوط به تاریخ برای
//courtesy of BoogieJack.com function killCopy(e){ return false } function
همانطور که مستحضر هستید اکشن عملیات موازی یا Parallel   همانطور که مستحضر

برخی از سامانه های طراحی شده

meeting
09 اسفند 1398
5:00pm 6:00pm
cache/resized/a1f319dcd310423b7b94557726a42895.jpg
09 اسفند 1398
5:00pm 6:00pm
3
18 بهمن 1398
5:00pm 6:00pm
3
06 بهمن 1398
5:00pm 6:00pm
cache/resized/765d5e6f887f6f9713212b8b665b99ed.jpg
26 آذر 1397
5:00pm 6:00pm

تماس با ما

شیرپوینت سنتر

  • آدرس: استان تهران ، خیابان بهشتی ، خیابان سهروردی شمالی ، خیابان امامی ، پلاک 8
  • شماره تماس: 021-77465290  و 09127192570
  • ایمیل: info@sharepointcenter.ir

دپارتمان شیرپوینت ایران

بالا