قالب بندی شرطی یک لیست شیرپوینت – Conditional Formatting SharePoint list

در بسیاری از سازمانها این نیاز وجود دارد که میخواهیم با تغییر رنگ برخی از سطرها یا همان آیتم های یک لیست، کمک کنیم تا کاربران هرچه ساده تر به دنبال موارد مورد نظر خود برسند، در برخی از موارد هم این مشکل وجود دارد که مثلا در یک لیست وظایف (task list) میخواهیم وظایف به تاخیر افتاده را قرمز رنگ نشان دهیم. لذا قصد داریم تا در این مقاله روش قالب بندی شرطی یک لیست شیرپوینت یا همان conditional formating در لیستهای شیرپوینتی را به حضورتان تقدیم نماییم.

برای قالب بندی شرطی یک لیست شیرپوینت باید مراحل زیر را با دقت دنبال کنید:

یک راه حل ساده برای رنگی کردن سطر های یک لیست در شیرپوینت استفاده از قطعه کد زیر می باشد.

SP.SOD.executeFunc("clienttemplates.js", "SPClientTemplates", function(){
     SPClientTemplates.TemplateManager.RegisterTemplateOverrides({
          OnPostRender: function(ctx)
          {
               var statusColors =
               {  
                    'خاتمه یافته' : '#a7f9d2',
                    'شروع نشده' : '#fabba2',
                    'در حال بررسی' : '#f5df36',	  
               };
               var rows = ctx.ListData.Row;
               for (var i=0;i<rows.length;i++)
               {
                    var status = rows[i]["Status"];
                    var rowId = GenerateIIDForListItem(ctx, rows[i]);
                    var row = document.getElementById(rowId); 
                    row.style.backgroundColor = statusColors[status];
               }
          }
     }); 
});

کد بالا را به صورت بیان شده در ذیل استفاده نمائید.
1- ابتدا صفحه ی مورد نظر را در حالت ویرایش قرار دهید.
2- سپس وب پارت Content Editor را به صفحه اضافه نمائید.
3- کد بالا را پس از ویرایش بر اساس نام ستون و مقادیر مورد نظر خود، در تگ Script قرار داده و در بخش Edit Source کپی نمائید.
4- صفحه را ذخیره کنید.
سطرهای لیست به رنگ دلخواه شما نمایش داده می شوند. این کد فقط مختص لیست وظایف نبوده و در انواع لیست های شیرپوینت قابل استفاده می باشد.

قالب بندی شرطی یک لیست شیرپوینت را میتوانید به این صورت مشاهده نمایید:

قالب بندی شرطی یک لیست شیرپوینت