Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angularjs – 如何在启用行选择的角度ui网格中启用文本选择大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用ui-grid v3.1.1并启用了rowSELEction.我注意到当我启用行选择时,我无法再从行中选择(单击 – 按住 – 拖动)文本.

我在他们的教程(页面上的第二个网格)中注意到example中的相同行为.

很高兴知道在启用rowSELEction的同时,我仍然可以允许用户选择文本.

Here是教程中示例的插件链接.

$scope.gridoptions = { 
     enableRowSELEction: true,enableRowHeaderSELEction: false 
};

解决方法@H_616_17@
A previous SO answer by @Aman Mahajan提供修复:

当enableRowSELEction和enableFullRowSELEction都被启用时,ui-grid-disable-SELEction类被添加到网格中(可以检查ui-grid v3.1.1 source in selection.js~行903).因此,您可以通过向网格添加特定类来覆盖CSS类,例如ui-grid-SELEctable.

<div ui-grid="gridoptions" ui-grid-SELEction class="grid ui-grid-SELEctable"></div>

你的CSS中:

.ui-grid-SELEctable .ui-grid-disable-SELEction {
     -webkit-touch-callout: default;
     -webkit-user-SELEct: text;
     -khtml-user-SELEct: text;
     -moz-user-SELEct: text;
     -ms-user-SELEct: text;
     user-SELEct: text;
     cursor:auto;
 }

这是the forked plunker with the added CSS class以覆盖认行为.

大佬总结

以上是大佬教程为你收集整理的angularjs – 如何在启用行选择的角度ui网格中启用文本选择全部内容,希望文章能够帮你解决angularjs – 如何在启用行选择的角度ui网格中启用文本选择所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。