从 TreeView 中拖动事件时整个页面向右滚动 (schedule/external-drag-drop)
The whole page scrolls to right when dragging events from the TreeView (schedule/external-drag-drop)
任何人都可以注意到,在 the schedule external drag drop demo 中,有人可以从 TreeView 列表中拖动事件,当它靠近页面右侧边缘时,页面就会向右滚动。
这是一个 screenshot 显示它。
它也发生在我们的应用程序中,这很烦人。
我们希望能解决此问题。
来自 Syncfusion 支持的问候。
我们已经检查了您报告的拖动 TreeView 节点的问题,该节点会在输出网页中生成滚动条。目前,我们没有任何 属性 来防止拖动 TreeView 节点时的滚动。但是,我们已经将此视为我们的一项功能。它将包含在我们预计将于 2020 年 6 月发布的第 2 卷中。
跟踪以下 link 以了解功能状态。
但是,您可以通过在创建的事件中为TreeView 的拖动对象的dragArea 设置目标来解决您的问题。设置目标时,只能在目标元素内部拖动元素。它防止元素滚动超过该元素。
请使用上述解决方案检查示例。
样本:https://stackblitz.com/edit/react-jqzozo-gqpyve?file=index.js
onCreate(){
this.treeObj.dragObj.dragArea = "body";
}
任何人都可以注意到,在 the schedule external drag drop demo 中,有人可以从 TreeView 列表中拖动事件,当它靠近页面右侧边缘时,页面就会向右滚动。 这是一个 screenshot 显示它。 它也发生在我们的应用程序中,这很烦人。 我们希望能解决此问题。
来自 Syncfusion 支持的问候。
我们已经检查了您报告的拖动 TreeView 节点的问题,该节点会在输出网页中生成滚动条。目前,我们没有任何 属性 来防止拖动 TreeView 节点时的滚动。但是,我们已经将此视为我们的一项功能。它将包含在我们预计将于 2020 年 6 月发布的第 2 卷中。
跟踪以下 link 以了解功能状态。
但是,您可以通过在创建的事件中为TreeView 的拖动对象的dragArea 设置目标来解决您的问题。设置目标时,只能在目标元素内部拖动元素。它防止元素滚动超过该元素。
请使用上述解决方案检查示例。
样本:https://stackblitz.com/edit/react-jqzozo-gqpyve?file=index.js
onCreate(){
this.treeObj.dragObj.dragArea = "body";
}