컬럼 값에 따른 버튼 visible/invisible

컬럼 값에 따른 버튼 visible/invisible > Q&A | 토론

PureJS 컬럼 값에 따른 버튼 visible/invisible

추천0 비추천 0

페이지 정보

작성자 다빈치뷰

작성일 2024-03-27 10:40 조회 32회 댓글 0건

제품 버전 : 5.20213.824

본문

관련링크

/**
 * 그리드 Column 세팅
 */
function gridOption() {
    let bindColumnInfos = [];
    let opt = {};

    bindColumnInfos.push({ binding: 'test1', header: 'Y or N', width: 150});
    bindColumnInfos.push({
        binding: 'test2', header: '상세', width: 100, align: 'center',
        cellTemplate: new wijmo.grid.cellmaker.CellMaker.makeLink({
            text: '상세보기'
            , href: '/test/test'
            , cssClass: 'j-cell-maker btn btn-sm btn-outline-primary h-auto'
        })
    });

    opt.bindColumnInfos = bindColumnInfos;

    return opt;
}

// create some random data
    // bind a grid to the raw data
    GRID1 = new wijmo.grid.FlexGrid('#grid1', {
        alternatingRowStep: 0,
        selectionMode: 'Row',
        autoGenerateColumns: false,
        isReadOnly: true,
        //frozenColumns: 3,
        columns: opt.bindColumnInfos,
        itemsSource: VIEW,
        autoRowHeights: true
    });

안녕하세요. 
위와 같이 그리드에 데이터를 바인딩하고 있습니다.
test1의 값에 따라 버튼을 visible/invisible 하고 싶은데 어떻게 하면 될까요?
예를 들어 test1 = 'Y' 면 상세보기 버튼을 visible
아니라면 상세보기 버튼을 보이지 않도록 하고 싶습니다.
 