셀 버튼

셀 버튼은 column.button = action 으로 지정하면 사용할 수 있습니다.

  var columns = [
    {
      name: "KorName",
      fieldName: "KorName",
      type: "data",
      width: "100",
      header: {
        text: "이름",
        styleName: "orange-column",
      },
      button:"action"
    },
    ...
  ];

  gridView.setColumns(columns);

버튼 클릭 이벤트

셀버튼 클릭 이벤트

• onCellButtonClicked

gridView.onCellButtonClicked = function(grid, index, column) {
    alert(
        "CellButton Clicked: itemIndex=" +
        index.itemIndex +
        ", fieldName=" +
        column.fieldName
    );
};

데이터 셀에 버튼을 표시하는 방법

• always: 항상 표시
• default: hovering, focused상태에서 표시
• visible: focused상태만 표시
• hidden: 표시하지 않음

gridView.columnByName("KorName").buttonVisibility = "always";

gridView.columnByName("KorName").buttonVisibility = "default";

gridView.columnByName("KorName").buttonVisibility = "visible";

gridView.columnByName("KorName").buttonVisibility = "hidden";