(function () { 
//ایجاد آبجکت شامل اطلاعات درباره فیلدی که می خواهیم رندر خروجی آن را تغییر دهیم
    var priorityFiledContext = {}; 
    priorityFiledContext.Templates = {}; 
    priorityFiledContext.Templates.Fields = { 
//ایجاد رندر جدید برای فیلد اولویت در نمای لیست
        "Priority": { "View": priorityFiledTemplate } 
    }; 
    SPClientTemplates.TemplateManager.RegisterTemplateOverrides(priorityFiledContext); 
})(); 
//نحوه رندر کردن نمایش لیست
function priorityFiledTemplate(ctx) { 
    var priority = ctx.CurrentItem[ctx.CurrentFieldSchema.Name];  
//برگرداندن عنصر اچ تی ام ال با رنگ اختصاص یافته بر اساس مقدار اولویت
    switch (priority) { 
        case "(1) بالا": 
            return "<span style='color :#f00'>" + priority + "</span>"; 
            break; 
        case "(2) عادی": 
            return "<span style='color :#ff6a00'>" + priority + "</span>"; 
            break; 
        case "(3) پایین": 
            return "<span style='color :#cab023'>" + priority + "</span>"; 
    } 
} 

(function () {
var overrideCtx = {};
overrideCtx.Templates = {};
overrideCtx.Templates.Fields = {'PercentComplete': { 'View': renderPercentComplete
}};
SPClientTemplates.TemplateManager.RegisterTemplateOverrides(overrideCtx);
})();
function renderPercentComplete(ctx) {

    var fieldVal = ctx.CurrentItem[ctx.CurrentFieldSchema.Name];
    var percentComplete = fieldVal.toString().replace(" ", "");
    var mouseOver = 'this.childNodes[1].style.display="block";';
    var mouseOut = 'this.childNodes[1].style.display="none";';

    var html = '';
	html += "<div style='width:100%;height:20px;border:1px solid #AEAEAE;position:relative;'";
    html += "class='csr-progress-container'onmouseover='" + mouseOver + "'onmouseout='" + mouseOut + "'>";
    html += "<div style='background-color:#0072C6;height:100%;width:" + percentComplete + ";'></div>";
    html += "<p style='width:100%;text-align:center;position:absolute;top:0px;left:0px;display:none;margin:0px;'>";
    html += percentComplete;
    html += "</p>";
    html += "</div>";
	return html;
	}