Need to prohibit the control of drag and drop

[DreamLi1314]

In some cases I need to manually control the left pane and the right pane to a fixed size, so I need to disable the user from dragging the resize function. We don't seem to have this feature right now. I saw some code, but it didn't seem to work:

function drag (e) {
   var offset;

   if (!this.dragging) { return }
.....

[DreamLi1314]

I modify the source code like as:

this.dragging = false;
if (!this.dragging) { return }

This can achieve my goal, but I can't set this.dragging outside.

[nathancahill]

If you want to disable the split, you can call split.destroy() and the sizes will be fixed and not draggable. You can re-initiate it to reenable dragging.

[DreamLi1314]

There are also some problems with this:

• I use it in angular6, use split.destroy() will throw expretionchange error.
• nothing condition for control call destroy method.
• I needd a variable of config for control it.

now, I handle it by setSizes, like as:

let config = {
         sizes: this.sizes,
         ...
         onDrag: (event: any) => {
            if(!this.dragEnable) {
               this.setSizes(this.sizes);
            }

            this.onDrag.emit(event);
         },
        ...
      };

      this.splitInstance = Split(children, config);

[nathancahill]

What is the exact error you get when you call split.destroy?