복붙노트

[JQUERY] 어떻게 조건부 액션 버튼을 추가하는 무료있는 jqGrid 속성을 사용하는 방법

JQUERY

어떻게 조건부 액션 버튼을 추가하는 무료있는 jqGrid 속성을 사용하는 방법

해결법


  1. 1.나는 포맷에 약간 수정을했다 : "행동은"시나리오의 구현 단순화 할 수 있습니다. 데모 쇼에서는 새로운 기능을 사용할 수 있습니다. 그것은 아래 그림에서와 같이 그리드를 표시

    나는 포맷에 약간 수정을했다 : "행동은"시나리오의 구현 단순화 할 수 있습니다. 데모 쇼에서는 새로운 기능을 사용할 수 있습니다. 그것은 아래 그림에서와 같이 그리드를 표시

    데모로 colModel에서 액션 열을 정의

    { name: "act", template: "actions", align: "left", width: 58 }, // 58 = 2 + 18*3 + 2
    

    "행동"과는 actionsNavOptions를 사용하는 포맷의 옵션을 구성 (하나의 대안으로 formatoptions을 사용할 수 있습니다)

    actionsNavOptions: {
        editbutton: false,
        custom: [
            { action: "open", position: "first",
                onClick: function (options) {
                    alert("Open, rowid=" + options.rowid);
                } },
            { action: "post", position: "first",
                onClick: function (options) {
                    alert("Post, rowid=" + options.rowid);
                } }
        ],
        posticon: "fa-lock",
        posttitle: "Confirm (F2)",
        openicon: "fa-folder-open-o",
        opentitle: "Open (Enter)",
        isDisplayButtons: function (options, rowData) {
            if (options.rowData.closed) { // or rowData.closed
                return { post: { hidden: true }, del: { display: false } };
            }
        }
    }
    

    배열 사용자 정의 액션 이름, 위치와 onclick을 콜백. 아이콘과 네비게이션 바의 옵션에 가까운 옵션을 지정해야합니다 사용자 정의 버튼 하나의 제목 (툴팁)를 정의합니다. 버튼의 title 속성의 값으로 정의 될 아이콘 클래스를 지정하는 속성이 작업 이름 (위의 예에서 열고 POST)와 같은 방법으로 접미사 "아이콘"로 구성 될 것이다.

    콜백 isDisplayButtons는 행 및 ROWID의 데이터에 기초하여 상기 버튼의 표시있는 jqGrid 대해 통지 할 수있다. 옵션 매개 변수를 사용하면 사용자 정의 포맷터에서 알고있는 동일한 옵션입니다. options.rowId는 예를 들면, ROWID이다. 무료있는 jqGrid의 최신 버전 (4.8 게시) rowData를 포함하여 옵션을 확장했다. 당신은 isDisplayButtons의 두 번째 매개 변수가 이미 rowData 하행 것을 볼 수 있습니다. 데이터의 포맷의 경우와 options.rowData rowData를 주요 차이점. 사용 XML 입력 rowData 하행 매개 변수의 경우 입력 데이터의 XML 항목입니다. 다른 측면에서 옵션 options.rowData은 colModel의 이름 속성과 같은 속성을 가진 객체입니다. 특히 사용 loadonce의 경우 : XML 데이터 options.rowData의 사용과 진정한 시나리오 장점이있다. 데모 options.rowData 및 rowData를 상기 동일하다.

    저장, {...} : {...} 편집 : 델,} ... {{...}, 개방 : 콜백 isDisplayButtons는 액션 이름 {포스트와 같은 특성을 가진 개체를 반환해야합니다 { ...} 취소 : {}}. 그러한 모든 객체의 속성이 될 수 있습니다

  2. from https://stackoverflow.com/questions/29729911/how-to-use-free-jqgrid-properties-to-conditionally-add-actions-buttons by cc-by-sa and MIT license