wijmo.grid.selector.Selector 그룹 메뉴를 default 로 닫고 싶습니다.

PureJS wijmo.grid.selector.Selector 그룹 메뉴를 default 로 닫고 싶습니다.

추천0 비추천 0

페이지 정보

작성자 aarmani

작성일 2022-04-25 10:43 조회 2,132회 댓글 0건

검색

제품 버전 : wijmo-5.20221.842_KR

컨트롤 이름 : Selector

본문

관련링크

selector 를 이용하고있습니다.

그룹까지 표현이 되었는데 default 로 그룹이 닫혀있도록 하는 옵션은 어떻게 하는걸까요?

특정 그룹을 닫고 열도록 설정하는 방법을 알려주세요.

현재 모든 그룹이 오픈된상태

특정 공정 그룹을 default 로 닫고 싶습니다.

소스첨부

    //작업자 popup list 
    let view_wperidpage = new wijmo.collections.CollectionView(getData_wperid()); 
    setGroups(true);
    var wperidGrid = new wijmo.grid.FlexGrid('#wperidGrid_div', {
        deferResizing: true,
        showMarquee: true, 
        alternatingRowStep: 0,
        autoGenerateColumns: false, 
        columns: [   

            { binding: 'linenm',width: '*', header: '라인', width: '*', align:"center", format: '*' }, 
            { binding: 'wflagnm', width: '1*', header: '공정', width: '*', align:"center", format: '*' }, 
            { binding: 'wperid', width: '1*', header: '코드', width: '*', align:"center", format: '*' }, 
            {
                binding: 'wpernm',
                width: '1*',
                header: '작업자', 
                align:"center",
                cellTemplate: wijmo.grid.cellmaker.CellMaker.makeLink({ 
                    text: '<b>${item.wpernm}</b>',
                    click: (e, ctx) => {
                        wperidChk(ctx.item.wperid, ctx.item.wpernm );
                    }
                })
            } 

        ], 
        itemsSource: view_wperidpage
    });  
    // 선택기 생성
    let selector = new wijmo.grid.selector.Selector(wperidGrid, {
        itemChecked: () => {
            showCheckedCount();
        }
    }); 
    // 그룹 전환
    document.getElementById('groups').addEventListener('click', e => {
        setGroups(e.target.checked);
    });
    function setGroups(groupsOn) {
        let groups = view_wperidpage.groupDescriptions;
        groups.clear();
        if (groupsOn) {
        groups.push(new wijmo.collections.PropertyGroupDescription('linenm'), new wijmo.collections.PropertyGroupDescription('wflagnm'));
        }
    }
    // 헤더 열 전환
    document.getElementById('header').addEventListener('click', e => {
        setHeaderColumn(e.target.checked);
    });
    function setHeaderColumn(headerOn) {
        wperidGrid.headersVisibility = headerOn
        ? wijmo.grid.HeadersVisibility.All
        : wijmo.grid.HeadersVisibility.Column;
        selector.column = headerOn
        ? wperidGrid.rowHeaders.columns[0]
        : wperidGrid.columns[0];
    }
    // 체크된 항목 표시
    showCheckedCount();
    function showCheckedCount() {
        let cnt = document.getElementById('checked-count'), sel = wperidGrid.rows.filter(r => r.isSelected);                                        
        console.log("sel", sel)
        cnt.textContent = sel.length.toString();
    }

    // 작업자 데이터 수집
    function getData_wperid(){

        var WperidDto = [[${wperidDto}]];  
        var data03 = [];
        var cnt = 1;
        for (var i = 0; i < WperidDto.length; i++) {
            data03.push({
                id: i, 
                index: cnt,
                linenm:WperidDto[i]["linenm"], 
                linecd:WperidDto[i]["linecd"], 
                wflagcd:WperidDto[i]["wflagcd"],
                wflagnm:WperidDto[i]["wflagnm"], 
                wperid:WperidDto[i]["wperid"],  
                wpernm: WperidDto[i]["wpernm"]                                                    
            });
            cnt++;
        }  
        return data03                                          
    } 

    function pickOne(items) {
            return items[randBetween(0, items.length - 1)];
    }
    function randBetween(min, max) {
        return Math.floor(Math.random() * (max - min + 1) + min);
    }