draggableCancel auf react-grid-layout

Question

Ich benutze react grid layout mit amcharts3-react alles ist in Ordnung, ich kann Elemente bewegen, aber dieses Mal kann ich nicht amcarts Zoom Griffe ... Sie sind auch ziehbar. Ich habe versucht Verwenden Sie die cancelDraggable-Funktion des Rasterlayouts, aber nichts ist passiert. selbst wenn der Bereich, den ich für das Nicht-Zählen angegeben habe, nicht gesperrt wurde. Was könnte die mögliche Lösung sein?

   <GridLayout> 
 
        <div key="d" data-grid={{x: 4, y: 0, w: 4, h: 2, draggableHandle: '.dragHandle', draggableCancel:'.noneDraggable'}}> 
 
        <span className="dragHandle">[DRAG HERE]</span> 
 
        <div className="noneDraggable"> 
 
         <Chart /> 
 
        </div> 
 
        </div> 
 

 
        <div key="c" data-grid={{x: 0, y: 0, w: 4, h: 2}}> 
 
        <Chart /> 
 
        </div> 
 

 
       </GridLayout>

Answer 1

ich durch Zuordnen der Eigenschaft auf dem Armaturenbrett gelöst selbst, nicht die Elemente, etwa so:

<ResponsiveReactGridLayout 
    rowHeight={75} 
    layouts={this.props.dashboard.record.layout} 
    onBreakpointChange={this.onBreakpointChange.bind(this)} 
    onDragStop={this.onDragStop.bind(this)} 
    draggableCancel='.dashboard-item-content' 
    draggableHandle='.dashboard-item-header' 
    onResizeStop={this.onResizeStop.bind(this)}> 
    {this.generateDOM()} 
</ResponsiveReactGridLayout> 

Versuchen Sie, die zwei Eigenschaften zu assoziieren Ihr GridLayout-jsx-Knoten.