draggableCancel on react布局
draggableCancel on react布局
提问于 2017-04-03 10:46:28
我使用反应网格布局和3-反应，一切都很好，我可以到处移动元素，但是，这次我不能使用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>
回答 1
Stack Overflow用户
回答已采纳
发布于 2017-06-24 18:49:51
我通过将属性关联到仪表板本身来解决问题，而不是项目，如下所示：
<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节点。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/43182576
复制相关文章
相似问题
腾讯云开发者
