IBSheet8은 행의 상태에 따라 배경색이 표시됩니다.


각 색상은 css/default(테마)/main.css 파일에 설정된 값으로 적용됩니다.


구분색상
클래스 명
입력
연한파랑색(#eee6fa)
.IBColorAdded
수정연한노란색(#ffffd6)
.IBColorChanged
삭제연한빨간색(#ffe6e0)
.IBColorDeleted


  • 입력
    addRow 또는 addRows 메서드를 이용합니다. 
    addRow를 통해 추가된 행은 내부적으로 Added 속성 값을 1로 갖게 됩니다.

  • 수정
    값이 수정되면 Changed 속성 값을 1로 갖게 됩니다. 
    값을 원래 값으로 복원하면 자동으로 속성이 제거됩니다.

  • 삭제
    deleteRow 또는 deleteRows 메서드를 이용 합니다. 
    deleteRow 가 적용된 행(Row)은 내부적으로 Deleted 속성 값을 1로 갖게 됩니다.
    deleteRow는 지정한 행의 상태를 삭제로 변경하는 메서드로, 상태 값만 바뀔 뿐 바로 삭제되지 않으며, 
    변경된 데이터를 추출하는 메서드(getSaveJson, getSaveString, doSave) 호출시 자동으로 STATUS 값이 서버로 전달됩니다.

    var saveData = mySheet.getSaveJson();
    console.log(saveData);

    saveData 내용

    {

      "data":[

        {

          "id":"AR51",

          "Def":"R",

          "Parent":"",

          "Next":"AR3",

          "Prev":"AR2",

          "SEQ":3,

          "sCheck":"0",

          "sNation":"한국",

          "sTitle":"범죄도시",

          "sShare":24,

          "sCount":343,

          "sDate":"",

          "STATUS":"Added"

        },

        {

          "id":"AR3",

          "SEQ":4,

          "sCheck":"0",

          "sNation":"미국",

          "sTitle":"도리를 찾아서123",

          "sShare":16.6,

          "sCount":1136765,

          "sDate":"20160706",

          "STATUS":"Changed"

        },

        {

          "id":"AR4",

          "SEQ":5,

          "sCheck":"0",

          "sNation":"미국",

          "sTitle":"레전드 오브 타잔",

          "sShare":10.6,

          "sCount":692133,

          "sDate":"20160629",

          "STATUS":"Deleted"

        }

      ]

    }


    acceptChangedData 와 같은 메서드를 사용해 데이터 내에 변경된 내용을 반영(Clear)시키면 Deleted 상태의 행은 화면에서 제거 됩니다.

  • 상태컬럼 만들기
    위 이미지에서 상태, 삭제 열(Column)을 사용하려면 ibsheet-common.js에 정의된 IB_Preset.Status, IB_Prest.DelCheck 값을 Extend 속성을 통해 설정해야 합니다.

    예제) https://jsfiddle.net/epsf0xb6/



[관련 메서드]

- hasChangedData : 데이터 내에 변경된 내용(Added,Changed,Deleted )이 있는지 확인합니다.


- getRowsByStatus :  특정 상태(Added,Changed,Deleted)의 행들을 배열로 리턴합니다.


- getChangedData : 시트 내에 변경된 내용(Added,Changed,Deleted )를 json 형식의 문자열로 추출합니다.


- acceptChangedData : 시트 내에 변경된 내용(Added,Changed,Deleted )을 반영(clear)합니다.