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

체크박스가 True인 경우 행 강조 표시

문제:

jqGrid로 작업할 때, 확인란 필드가 다음과 같이 표시된 행을 강조 표시하는 것이 바람직할 수 있습니다. 사실입니다.

해결책:

이를 달성하려면 jqGrid 버전 4.3.2 이상에서 rowattr 콜백 기능을 활용할 수 있습니다. 이 콜백을 사용하면 그리드 채우기 중에 행 속성을 사용자 정의할 수 있으므로 강조 표시된 행에 고유한 CSS 클래스를 할당할 수 있습니다.

코드 예:

rowattr: function (rd) {
    if (rd.GroupHeader === "1") { // Verify that the testing condition aligns with your usage
        return { "class": "myAltRowClass" };
    }
}

CSS:

myAltRowClass CSS 클래스는 강조 표시된 항목의 배경색을 정의해야 합니다. 행.

열 템플릿으로 향상된 코드:

코드를 더욱 최적화하려면 열 템플릿을 활용하여 공통 속성을 정의하고 반복을 줄일 수 있습니다. 예는 다음과 같습니다.

cmTemplate: { align: 'center', sortable: false, editable: true, width: 80 },

myCheckboxTemplate = { formatter: 'checkbox', edittype: 'checkbox', type: 'select', editoptions: { value: "1:0" } },

colModel: [
    // Additional columns...

    { name: 'GroupHeader', index: 'GroupHeader', width: 100, template: myCheckboxTemplate },
    { name: 'IsGroup', index: 'IsGroup', template: myCheckboxTemplate },
]

이 향상된 코드는 cmTemplate을 사용하여 공유 속성을 설정하고 체크박스 필드에 myCheckboxTemplate을 사용하여 코드를 더 읽기 쉽고 유지 관리하기 쉽게 만듭니다.

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