확인란을 선택할 때 JqGrid에서 행을 강조 표시하는 방법은 무엇입니까?

JqGrid에서 확인란이 True일 때 행을 강조 표시하는 방법

jqGrid에서는 확인란이 True일 때 행을 쉽게 강조 표시할 수 있습니다. 진실. 단계별 가이드는 다음과 같습니다.

1. rowattr 콜백 사용:
   jqGrid 버전 4.3.2에는 사용자 정의 속성을 설정할 수 있는 rowattr 콜백이 도입되었습니다. 각 행마다. 체크박스 값을 기반으로 강조 표시하는 데 적합합니다.
2. Rowattr 함수 만들기:
   GroupHeader 열(또는 보유한 다른 체크박스 열)의 값을 확인하는 rowattr 함수를 정의하세요. ). 값이 "1"이면 강조 스타일을 정의하는 클래스 이름을 반환합니다.

gridview: true,
rowattr: function (rd) {
    if (rd.GroupHeader === "1") { // Adjust this to match your checkbox column
        return {"class": "myAltRowClass"};
    }
}

3. 하이라이트 클래스 정의:
   CSS에서 , 노란색 배경과 같은 강조 스타일을 지정하는 myAltRowClass라는 클래스를 만듭니다.
4. 열 템플릿 포함:
   코드를 간소화하려면 열 템플릿을 사용하여 공통 속성을 설정하세요. 여러 열. 예를 들어 모든 텍스트 입력의 크기와 최대 길이가 동일한 경우:

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

5. 체크박스 템플릿 사용:
   마찬가지로 템플릿을 만들 수 있습니다. 체크박스 열의 경우:

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

그런 다음 colModel에서 각 체크박스 열에 대해 복잡한 개체를 정의하는 대신 간단히 템플릿을 사용하세요.

{name: 'GroupHeader', index: 'GroupHeader', template: myCheckboxTemplate}

다음을 따르세요. 단계를 거치면 jqGrid의 확인란 값을 기반으로 행을 강조 표시할 수 있습니다.

위 내용은 확인란을 선택할 때 JqGrid에서 행을 강조 표시하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!