インタラクティブレポートの条件付き書式(背景色を変える) その２ - APEX

• Goal
  以前の記事だと、リンク付きのセルの場合色が変わらないことが発覚！！
  なのでリンク付きのセルの場合でも変更できる方法がこれ。
  インタラクティブレポートにおいて、セルの背景色を条件に応じて変更する。
  
  (As is)　リンク付きのセルは以下のようにセルの色が変わらない。。。
  
  
  
  
  
• How
  1. ソースを見れば、タグTDに、Style属性がセットされていない。なので、動的アクションでの、JAVASCRIPTが原因…
  
  
  
  
  2. jQueryでの親属性の取得方法を変更する。動的アクションのJavascriptをparent() から、closest()へ変更する。
  
  
  
  

  	// as is
  	apex.jQuery("span[data-style]").each(
  	function()
  	{
  	apex.jQuery(this).
  	parent().attr( 'style'
  	, apex.jQuery(this).attr('data-style')
  	);
  	}
  	// to be
  	apex.jQuery("span[data-style]").each(
  	function()
  	{
  	apex.jQuery(this).
  	closest('td').attr( 'style'
  	, apex.jQuery(this).attr('data-style')
  	);
  	}

  view raw parent-closest.js hosted with ❤ by GitHub
  
  3. インタラクティブレポートの列属性の設定を変更する（リンク付きの列のみ）
  
  
  
  以下が、結果。画像の背景が白なのは、別の問題…。