在Internet Explorer中,在网格中移动行选择选择附加文本
我尝试了以下Ag网格实现示例: Example - Multiple Row Selection。特殊示例 - 多行选择。当我选择用铬Mozilla的歌剧移行,一切都很好,因为你可以在图片1.在Internet Explorer中,在网格中移动行选择选择附加文本
可惜看到的,我也有支持IE浏览器。当我在IE中执行相同的操作时,还选择了一些其他文本:上面的标题等等。有没有办法解决这个问题?
p.s.为这个例子准备一个plunkr更好还是来自ag-grid网站的例子足够了?
关闭用户选择你页面,把这个CSS到身体: 体{ 用户选择:无; }
网格对网格执行此操作,但不会尝试为其他应用程序执行此操作(它不应该)。问题在于IE如何理解shift-click,所以我不认为这是一个网格问题,最好是解决它。当他们是详细的应用程序时(我猜你的是,如果你使用的是Ag-Grid),关闭用户在单页网络应用上的选择是非常标准的。
个人而言,对于选择行(不是单元格!),我更喜欢行的开始处的复选框。它可能会解决您的问题与IE浏览器。
使用属性上的列定义checkboxSelection,如:
{headerName: "Athlete", field: "athlete", checkboxSelection: true},
如果你想强制通过复选框选择行,你可以在gridOptions设置属性suppressRowClickSelection到真正。
谢谢。是的,该复选框可以解决问题,但不幸的是,我不能在我的项目中使用它。我找到了一个临时解决方案,并在下面发布。 – CodeMonkey
目前,该解决方案是使用:
$window.getSelection().removeAllRanges();
在
onRowSelected
监听器。所以,每次更改行选择时,IE中其他元素的选择都将被删除。不是一个好的解决方案,但更好的是没有。 Mozilla MDN
这是瞬间发生的吗?当我尝试这个解决方案时,我仍然可以在屏幕上的其他位置看到其他位置的选择,并且看起来有点不和谐。 – dsh
@dsh不幸的是,并非瞬间。在短时间内(100-300ms)出现错误的选定区域,然后消失。目前,我还没有找到任何其他解决方案:或者使用复选框,如上面提到的Alexander Zbinden或这个“黑客”。 – CodeMonkey
它的工作原理。我只需要添加主体'{-ms-user-select:none}'将此规则应用于Internet Explorer。 – CodeMonkey