dragableCancel on react-grid-layout

Question

我正在使用react grid layout和amcharts3-react一切都很好，我可以移動元素但是，這次我不能使用amcarts縮放手柄......它們也是可拖動的。我試圖使用網格佈局的cancelDraggable功能，但沒有發生任何事情。即使它並沒有阻止我指定的非片段化區域。可能的解決方案是什麼？

   <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

我酒店所關聯到儀表板本身，而不是物品，像這樣解決：

<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> 

試圖將2個屬性關聯到你的GridLayout jsx節點。