본문 바로가기

카테고리 없음

컬럼 확장시키는 방법 2가지(클릭, contextmenu

-클릭으로 컬럼 축소 확장


function onContextMenuItemClicked(grid){

 

      //label.label   라벨 이름출력 

      //index.column 컬럼 이름 index.fieldName 필드 이름

 grid.onContextMenuItemClicked = function (grid, label, index) {

     var name = index.column;

var visible = !grid.getColumnProperty('col5', "visible");

    if(label.label=="열기"&&name==='col4'&&visible){

            grid.setColumnProperty('col5', "visible", visible);

           }else if(label.label=="닫기"&&name==='col4'&&!visible){

                   grid.setColumnProperty('col5', "visible", visible);

                  }

              else{  

                  }

    }; 

}





-ContextMenu


//오른쪽 클릭 메뉴 설정

function setContextMenu(grid){

  grid.setContextMenu([{

      label: "열기"

  }, {

      label: "닫기"

  }, {

      label: "-" // menu separator를 삽입합니다.

  }, {

      label: "Menu3"

  }]);

   


   

}


function onContextMenuItemClicked(grid){

 

      //label.label   라벨 이름출력 

      //index.column 컬럼 이름 index.fieldName 필드 이름

 grid.onContextMenuItemClicked = function (grid, label, index) {

     var name = index.column;

var visible = !grid.getColumnProperty('col5', "visible");

    if(label.label=="열기"&&name==='col4'&&visible){

            grid.setColumnProperty('col5', "visible", visible);

           }else if(label.label=="닫기"&&name==='col4'&&!visible){

                   grid.setColumnProperty('col5', "visible", visible);

                  }

              else{  

                  }

    }; 

}