Bryntum Support Forums

Posted: **Thu Jul 08, 2021 3:49 pm**

Hello I was trying to change a type:button into type:slidetoggle but not getting the same functionality as the slidetoggle only works once, with the first click.
Can you suggest something?
The original code:

   onToggle: ({pressed}) => {
                    addButton.disabled = saveButton.disabled = removeButton.disabled = grid.current.readOnly = pressed;
                    if(!pressed){ Toast.show({html: "you can edit",
                        showProgress: false,
                    })
                    }
                    if(pressed){
                        Toast.hideAll()
                    }
                },

and changed code:

   onAction: ({checked}) => {
                    addButton.disabled = saveButton.disabled = removeButton.disabled = grid.current.readOnly = checked;
                    if(!checked){ Toast.show({html: "you can edit",
                        showProgress: false,
                    })
                    }
                    if(checked){
                        Toast.hideAll()
                    }
                },

is in pictures attached.

Thanks

Posted: **Thu Jul 08, 2021 4:40 pm**

Hello.
It happens because you're setting grid.readOnly = pressed. Slide toggle is a widget with readOnly property inside a container widget (which is grid), and when you set readOnly to the parent widget, it propagates readOnly to all other widgets.
You can either move slide toggle out from Grid, e.g. into another container, or extend Slidetoggle class and override updateReadOnly method. I'd recommend first approach:

{
  type : 'container',
  items : [
    {
      type : 'container',
      items : [{ type : 'slidetoggle' }]
    },
    {
      type : 'gridpanel'
    }
  ]
}

Posted: **Fri Jul 09, 2021 9:30 am**

thanks a lot!

Bryntum Support Forums

[REACT] changing readonly button into slidetoggle and not having same functionality

[REACT] changing readonly button into slidetoggle and not having same functionality

Re: [REACT] changing readonly button into slidetoggle and not having same functionality

Re: [REACT] changing readonly button into slidetoggle and not having same functionality