Editing items

[nasir-awan]

Overview

Handle editing items

I have integrated with reactjs app, I need to update item in state or make a call to method using onMove event but it does not allow.

Uncaught TypeError: this.handleMove is not a function

Package versions

react-visjs-timeline: 1.5.0 vis version: 4.12.0

Code Snippet

options = { onMove: function(item, callback){
//this.handleMove();
} }

[foobarbecue]

I need this too!

[foobarbecue]

Wait a minute. This works fine for me! I have:

  const onMoveItem = (item, callback) => {
    console.log(item)
    item.paneObj.startTime = item.start
  }
  const jsvizTlOptions = {
    showCurrentTime: false,
    onMove: onMoveItem
  }

[nasir-awan]

okay great - now it access state

[nasir-awan]

This works ...

const { updateTimelineItem } = this.props

const onMoveItem = (item, callback) => {
    console.log(item)
    updateTimelineItem(item) 
  }
  const options = {
    showCurrentTime: false,
    onMove: onMoveItem
  }