[VUE] selection Mode and showCheckAll doesn't work

[c.amine]

I'm trying to use the column with check type but the showCheckAll option doesn't work (the checkbox in header doesn't appear) i tried tu work with selectionMode but it doesn't work either

i believe that there is something missing in the project
any idea about what can be the problem ?
or if there is a way to add checkboxes with rendering option and bind them with events using jquery (without losing the evens on scrolling )

[mats]

How does your Scheduler config look? Please post it here.

[c.amine]

SchedulerConfig.js

(11.59 KiB) Downloaded 6 times

here is my shecduler config file

[pmiklashevich]

You attachment is not runnable, but the config is clear. There is a known problem with CheckColumn, ticket here: https://github.com/bryntum/support/issues/2153

But the selection mode should work. There are 2 things though: do not specify cell and row selection together and there is no 'checkAll' event. Use selectionChange event instead.

    selectionMode : {
        rowCheckboxSelection : true,
        row                  : true,
        checkbox             : true,
        showCheckAll         : true
    },

listeners : {
    selectionChange({ mode, selection }) {
        console.log('Selection: ' + mode, selection);
    }
},

You can try this code in our demo: Scheduler/examples/vue/javascript/simple/src/components/schedulerConfig.js

Also need to pass the configs to the wrapper in Scheduler/examples/vue/javascript/simple/src/App.vue

        <scheduler
            ref                = "scheduler"
            :selectionMode     = "schedulerConfig.selectionMode"
            :listeners         = "schedulerConfig.listeners"
        ></scheduler>

Best,
Pavel

[c.amine]

After doing this i got this error :

TypeError: Cannot read property 'indexOf' of undefined
at t.get (Column.js:805)
at Footer.js:92
at Array.map (<anonymous>)
at t.value (Footer.js:92)
at t.value (Footer.js:38)
at t.value (Footer.js:45)
at t.value (SubGrid.js:230)
at t.value (SubGrid.js:209)
at t.value (Base.js:212)
at t.value (Events.js:689)

it's like it doesn't recognize the index of the column !!

[pmiklashevich]

How can I reproduce this? Have you tried this code with the demo I mentioned (vue/javascript/simple)? Does it work for you? Before give the solution to you I checked it with the demo and it worked good for me. Please produce a runnable testcase showing your issue