欢迎使用普元产品知识库,本知识库包含普元应用开发平台EOSPlatform,流程平台BPS,企业服务总线ESB,微服务平台Microservice,运维管理平台Devops,数据集成平台DI

页面树结构

欢迎使用普元文档库

Skip to end of metadata
Go to start of metadata

【问题】

Tab标签里嵌套了可编辑的Datagrid,点击编辑Datagrid某一列,鼠标移出Datagrid范围,移动滚动条的时候编辑的那一列的input对象回随着滚动条进行滚动,效果如下图所示:

在Datagrid里输入的日期随着外面tab页滚动条而滚动

 

【解答】

项目中使用的解决办法:

1、将nui里引用的jquery,升级到jquery1.10.2,升级方式:

1)下载jquery1.10.2,放置到如:apache-tomcat-7.0.54\webapps\default\common\nui\jquery目录下;

2)将nui.js中jquery-1.6.2.min.js改为1.10.2的jquery

document.write('<script src="' + bootPATH + 'jquery/jquery-1.6.2.min.js" type="text/javascript"></sc' + 'ript>');

2、页面上增加下述JS代码

       $(document.body).on("mousewheel DOMMouseScroll", function (e) {

            if (grid) { 
                grid.cancelEdit();
            }

        }) 

 

备注:EOS Platform7.6没有基于jquery 1.10.2做过测试,方案请谨慎使用