Sencha Grid의 체크박스 사용하기

2024. 12. 5. 16:23Javascript/Sencha

Grid에 있는 체크박스 사용: 셀만 선택이되고, 체크박스에 체크를 해야 row가 선택됨 

selModel: {
    type: 'checkboxmodel',
    checkOnly: true, // Only allow selection via checkbox
},

Grid에 있는 체크박스 사용: Row를 선택하면, 체크박스가 체크됨

selType: 'checkboxmodel',

체크박스 선택 옵션

SINGLE: 한개만 선택됨
MULTI: 여러개 선택됨(단, shift 키를 같이 눌러야 함)
SIMPLE: 여러개 선택됨(shift키를 안눌러도 됨)

    selModel: {
        type: 'checkboxmodel', // Enable checkbox selection
        mode: 'MULTI', // Options: 'SINGLE', 'MULTI', 'SIMPLE'
    },

체크박스 선택 조건 넣기

selModel: {
    type: 'checkboxmodel',
    listeners: {
        beforeselect: function (model, record, index) {
            return record.get('id') > 50; // Allow selection only for rows where id > 50
        },
    },
},