sharepoint-2013 - SharePoint 2013 で JSLink を使用してタスク名列を変更する方法

Question

JSLink を使用して、リスト内の SharePoint 2013 の [タスク名] 列の色を変更しようとしています。このコードを使用して、他のすべての列をオーバーライドできます。

var overrideCtx = {
    Templates: {
        Fields: {
            ‘Title': {‘View’ : taskSample.TitleRendering },
            ‘PercentComplete': {‘View’ : taskSample.PercentCompleteRendering}
        }
    }
};

何らかの理由で、Google Chrome でコードをデバッグすると、TitleRendering 関数は常にスキップされますが、PercentCompleteRendering 関数は正常に実行されます。

誰かがこの問題について何か洞察を持っていますか?

ありがとう

以下の回答で LinkTitle の提案を試しました。問題は解決しませんでした。レビュー用にすべてのコードを含めています。他の提案はありますか？

var taskSample = taskSample || {};

taskSample.CustomizeFieldRendering = function () {
  RegisterSod('hierarchytaskslist.js', '/_layouts/15/hierarchytaskslist.js');
  LoadSodByKey('hierarchytaskslist.js', null);
debugger;
    // Intialize the variables for overrides objects
  var overrideCtx = {
    Templates: {
      Fields: {
	  'Unit': { 
          'View' : taskSample.UnitRendering
        },
	   'LinkTitle': { 
          'View' : taskSample.TitleRendering
        },
        'PercentComplete': { 
          'View' : taskSample.PercentCompleteRendering
        }		
      }
    }
  };

  // Register the override of the field
  SPClientTemplates.TemplateManager.RegisterTemplateOverrides(overrideCtx);
}
taskSample.PercentCompleteRendering = function (ctx) {
debugger;
	var output = [];
	var _dueDate = new Date(ctx.CurrentItem.DueDate);         
	var _now = new Date();    
	var nowPlus = new Date();    
	nowPlus.setDate(_now.getDate()+7);
	output.push('<div style="background: #dbdbdb; display:block; height: 20px; width: 150px;">');
	if ((_dueDate >= _now && _dueDate <= nowPlus)&& (ctx.CurrentItem.PercentComplete.replace(" %", "") === "0") ) {   
	    output.push('<span style="color: #dbc900; font-weight: bold; position:absolute; text-align: center; width: 150px;">');
	 }   		
	else if ((_dueDate < _now)&& (ctx.CurrentItem.PercentComplete.replace(" %", "") === "0") ) {   
	    output.push('<span style="color: #CC0000; font-weight: bold; position:absolute; text-align: center; width: 150px;">');
	 }   		
	else{
		output.push('<span style="color: #fff; font-weight: bold; position:absolute; text-align: center; width: 150px;">');	
	}	
	output.push(ctx.CurrentItem.PercentComplete);
	output.push('</span>');
	output.push('<div style="height: 100%; width: ');	
	   if (_dueDate == 'Invalid Date') {   
	     output.push(ctx.CurrentItem.PercentComplete.replace(" %", "") + '%; background: #757575;');    //grey 
		 }   
		else if (ctx.CurrentItem.PercentComplete.replace(" %", "") === "100")      {       
	 	output.push(ctx.CurrentItem.PercentComplete.replace(" %", "") + '%; background: #339900;'); //gree		
		}   
		else if (_dueDate < _now)     {       
	 	output.push(ctx.CurrentItem.PercentComplete.replace(" %", "") + '%; background: #CC0000;'); //red 		
		}         
		else if (_dueDate >= _now && _dueDate <= nowPlus)     {        
		output.push(ctx.CurrentItem.PercentComplete.replace(" %", "") + '%; background: #dbc900;');  //yellow 		
		 }    
	  	else if (_dueDate > _now)     {        
		output.push(ctx.CurrentItem.PercentComplete.replace(" %", "") + '%; background: #339900;');  //green 			
		 }		 
	output.push('"></div></div>');
	return output.join('');
}
taskSample.UnitRendering = function (ctx) {
debugger;
	var output = [];
	var _Unit = ctx.CurrentItem.Unit;
    switch(_Unit) {
	     case "Unit 1":
	         output.push('<span style="color: DarkMagenta;">');
			 output.push(ctx.CurrentItem.Unit);
			 output.push('</span>');
	        break;
	     case "Unit 2":
	         output.push('<span style="color: DarkRed;">');
			 output.push(ctx.CurrentItem.Unit);
			 output.push('</span>');
	        break;
		 case "Unit 3":
	        output.push('<span style="color: MidnightBlue;">');
			 output.push(ctx.CurrentItem.Unit);
			 output.push('</span>');
	        break;
		 case "Unit 4":
	         output.push('<span style="color: DarkOliveGreen ;">');
			  output.push(ctx.CurrentItem.Unit);
			 output.push('</span>');
	        break;
		 case "Unit 5":
	         output.push('<span style="color: GoldenRod;">');
			  output.push(ctx.CurrentItem.Unit);
			 output.push('</span>');
	        break;
		 case "Unit 6":
	        output.push('<span style="color: Coral;">');
			 output.push(ctx.CurrentItem.Unit);
			 output.push('</span>');
	        break;
	     default:
		  output.push(ctx.CurrentItem.Unit);
	        break;
	  }		
	return output.join('');
}
taskSample.TitleRendering = function (ctx) {
debugger;
	var output = [];
	var _Unit = ctx.CurrentItem.Unit;		
		switch(_Unit) {
	     case "Unit 1":
	         output.push('<span style="color: DarkMagenta;">');
			 output.push(ctx.CurrentItem.Title);
			 output.push('</span>');
	        break;
	     case "Unit 2":
	         output.push('<span style="color: DarkRed;">');
			 output.push(ctx.CurrentItem.Title);
			 output.push('</span>');
	        break;
		 case "Unit 3":
	        output.push('<span style="color: MidnightBlue;">');
			 output.push(ctx.CurrentItem.Title);
			 output.push('</span>');
	        break;
		 case "Unit 4":
	         output.push('<span style="color: DarkOliveGreen ;">');
			  output.push(ctx.CurrentItem.Title);
			 output.push('</span>');
	        break;
		 case "Unit 5":
	         output.push('<span style="color: GoldenRod;">');
			  output.push(ctx.CurrentItem.Title);
			 output.push('</span>');
	        break;
		 case "Unit 6":
	        output.push('<span style="color: Coral;">');
			 output.push(ctx.CurrentItem.Title);
			 output.push('</span>');
	        break;
	     default:
		  output.push(ctx.CurrentItem.Title);
	        break;
		}		
	return output.join('');
	}
taskSample.CustomizeFieldRendering();