Флажок Custom Header Для выбора существующих визуализированных ячеек строки - PullRequest
Новая
       6

Флажок Custom Header Для выбора существующих визуализированных ячеек строки

0 голосов
/ 09 июня 2019

Я пытаюсь добавить пользовательский флажок столбца в заголовке, чтобы выбрать существующий рендеринг строк для обновления состояния и пользовательского интерфейса, но он не работает, так как headerCheckboxSelection true не привязан к существующим визуализированным данным

Я попробовал добавить следующий пользовательский рендер в ячейку заголовка, но похоже, он устарел и не работает 

const headerCellRendererFunc = params => {
    alert("testing custom he")
    var cb = document.createElement('input')
    cb.setAttribute('type', 'checkbox')
    alert("in checkbox function")
    var eHeader = document.createElement('label')
    var eTitle = document.createTextNode(params.colDef.headerName)
    eHeader.appendChild(cb)
    eHeader.appendChild(eTitle)

    cb.addEventListener('change', function (e) {
        console.log("inside headerCellRendererFunc")
    })
    return eHeader
}

Как правило, при добавлении следующего кода, он добавляет флажок в столбце и в строки, но не привязываются к существующим отображаемым данным 

headerCheckboxSelection: true,
headerCheckboxSelectionFilteredOnly: true,
checkboxSelection: true

Мне нужен пользовательский флажок, чтобы выбрать все или отменить выбор, все должны работать визуализация существующего логического флажка. Строки отображаются как показано ниже бэкэнд API 

cellRenderer: params => `<input type='checkbox' ${params.value ? 'checked' : ''} />`
...