확인란 열 값을 기반으로 jqGrid 행을 강조 표시하는 방법은 무엇입니까?

jqGrid에서 체크박스 값을 기준으로 행 강조 표시

jqGrid에서는 체크박스 열 값을 기준으로 행을 쉽게 강조 표시할 수 있습니다. 이를 달성하는 방법은 다음과 같습니다.

CSS 클래스를 사용하여 행 강조 표시

원래 질문에서 강조 표시된 행의 배경색을 변경하기 위해 CSS 클래스를 사용한다고 언급하셨습니다. rowattr 콜백 함수를 사용하면 그리드의 데이터를 기반으로 행에 CSS 클래스를 동적으로 추가할 수 있습니다.

다음 코드는 rowattr 콜백을 사용하는 방법을 보여줍니다.

gridview: true,
rowattr: function (rd) {
    if (rd.GroupHeader === "1") {
        return {"class": "myAltRowClass"};
    }
}

여기서 예를 들어 GroupHeader 열의 값이 "1"인 행에는 CSS 클래스 myAltRowClass가 할당됩니다. 원하는 배경색을 얻으려면 스타일시트에서 이 클래스에 대한 CSS 규칙을 정의해야 합니다.

배경색을 사용하여 행 강조

또는 배경을 직접 설정할 수도 있습니다. cellattr 콜백을 사용하여 강조 표시된 행의 색상입니다. 이 콜백을 사용하여 그리드 내의 개별 셀 속성을 수정할 수 있습니다.

다음은 cellattr 콜백을 사용하는 예입니다.

gridview: true,
cellattr: function (rd, cell) {
    if (cell.name === "GroupHeader" && rd[cell.name] === "1") {
        return {"style": "background-color: yellow"};
    }
}

이 예에서 셀의 배경색은 값이 "1"인 GroupHeader 열은 노란색으로 설정됩니다.

기타 고려 사항

• 이 기능을 활성화하려면 Gridview: true를 설정해야 합니다.
• 특정 요구 사항에 따라 CSS 규칙을 조정해야 할 수도 있습니다.
• 열 속성 정의를 단순화하려면 cmTemplate 및 템플릿 옵션을 사용하는 것이 좋습니다.

위 내용은 확인란 열 값을 기반으로 jqGrid 행을 강조 표시하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!