그룹화 된 SharePoint 목록에 Javascript를 적용하는 방법은 무엇입니까?

Question

SharePoint 사용자 지정 장면이 새로 생겼지 만 셀 값에 따라 SP 목록에서 셀의 배경색을 바꿀 일부 자바 스크립트를 선택했습니다.

정상적인보기에서는 정상적으로 작동하지만 그룹화 된 것은 작동하지 않습니다. 이는 내가 예상 한 것이 페이지로드 순서와 관련이 있습니다. 그룹화 된 뷰에 자바 스크립트를 적용하고 기본값으로 축소되도록 설정하는 방법이 있습니까?

작년에 비슷한 쿼리로 다른 스레드를 보았지만 해결 방법이없는 것으로 보입니다.

많은 감사의 뜻 !!!

이

<script type="text/javascript" language="javascript"> 
    var x = document.getElementsByTagName("TD") // find all of the TDs 
    var i=0; 
    for (i=0;i<x.length;i++) 
    { 
if (x[i].className=="ms-vb2") //find the TDs styled for lists 
    { 

if (x[i].innerHTML=="Green" && x[i].cellIndex==10) 
    { 
    x[i].style.backgroundColor='forestgreen'; // set the background color 
    x[i].style.color='Black'; //set the font color 
    } 

if (x[i].innerHTML=="Amber" && x[i].cellIndex==10) 
    { 
    x[i].style.backgroundColor='Goldenrod'; // set the background color 
    x[i].style.color='Black'; //set the font color 
    } 

if (x[i].innerHTML=="Red" && x[i].cellIndex==10) 
    { 
    x[i].style.backgroundColor='Firebrick'; // set the background color 
    x[i].style.color='black'; //set the font color 
    } 
} 
} 
</script> 

Answer 1

어쩌면 귀하의 경우에 지정된 열에 대한 CSS 스타일을 사용자 정의하기가 훨씬 쉬울 것 :

댄

이 셀의 색상 변경을 위해 사용하는 메신저 코드입니다. ms-vb2 클래스를 확장하는 새로운 CSS 규칙을 정의 할 수 있지만 10 번째 열에 만 적용됩니다. CSS 선택기를 사용하면 쉽게이 작업을 수행 할 수 있습니다.

예를 들어,이 셀에 적용하여 CSS 스타일 시트를 찾은 새로운 규칙 정의 : ㆍ MS-VB2을 : n 번째 자식 (10) innelHtml = '적색'] { 배경색 : 내화 벽돌 ; 색상 : 검정 }

그러면 표 셀이 표시 될 때마다 CSS가 적용됩니다.