확인란 값을 기반으로 jqGrid의 행을 강조 표시하려면 어떻게 해야 합니까?-JS 튜토리얼-php.cn

확인란 값을 기반으로 jqGrid의 행을 강조 표시하려면 어떻게 해야 합니까?

Susan Sarandon

풀어 주다： 2024-11-26 11:23:11

원래의

179명이 탐색했습니다.

How can I Highlight Rows in a jqGrid Based on Checkbox Values?

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

체크박스 값을 기준으로 jqGrid의 행을 강조표시하는 솔루션을 찾고 있습니다. 이 기능은 그리드 초기화 중에 개별 행의 속성을 조작할 수 있는 rowattr 콜백을 사용하여 쉽게 달성할 수 있습니다.

rowattr 콜백 구현

rowattr 콜백은 행 데이터를 나타내는 단일 인수 rd를 사용하는 함수입니다. 세 번째 개체를 검사하여 특정 행을 강조 표시할지 여부를 결정할 수 있습니다. 귀하의 경우 GroupHeader 속성이 "1"로 설정된 경우 다음과 같이 CSS 클래스를 반환하여 행에 적용할 수 있습니다.

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

로그인 후 복사

추가 개선 사항

효율성과 코드베이스 구성을 개선하려면 다음 권장 사항을 고려하세요.

gridview 사용: 성능을 향상하려면 true입니다.
열 정의를 간소화하려면 열 템플릿을 정의하세요.
myCheckboxTemplate 및 myTextareaTemplate과 같은 반복 속성에는 변수 템플릿을 사용하세요.

사용예

위 권장사항 적용 코드에 단순화된 정의를 적용하게 됩니다.

colModel: [
    {name: 'TypeID', index: 'TypeID', width: 350, hidden: true, ... },
    {name: 'Order1', index: 'Order1', template: myTextareaTemplate },
    {name: 'Order2', index: 'Order2', template: myTextareaTemplate },
    ...  // Other columns
    //If the GroupHeader is true, the row has a yellow background
    {name: 'GroupHeader', index: 'GroupHeader', width: 100, template: myCheckboxTemplate},
    {name: 'IsGroup', index: 'IsGroup', template: myCheckboxTemplate }
],
cmTemplate: {align: 'center', sortable: false, editable: true, width: 80},

로그인 후 복사

이러한 기술을 통합하면 체크박스 값을 기반으로 행 강조 표시를 효율적으로 구현하고 jqGrid의 전체 기능을 향상시킬 수 있습니다.

위 내용은 확인란 값을 기반으로 jqGrid의 행을 강조 표시하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!