起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 4559|回复: 6

[处理中3] grid做一个鼠标滑入事件应该怎么做?

[复制链接]

263

主题

733

帖子

1978

积分

金牌会员

Rank: 6Rank: 6

积分
1978
QQ
发表于 2018-8-15 11:39:56 | 显示全部楼层 |阅读模式
试了下面很多种方法,就是不行
Model.prototype.grid1CellRender = function(event){
//                <div xid="div4" bind-mouseover="fCXBBMouseover"><i xid='i33' class='icon-android-note text-primary o-info' title='鼠标事件' /></div>
                if(event.colName == 'fCXBB'){
                debugger;
//                        event.html = "<i name='fCXBDetail' class='icon-android-note text-primary o-info softBtn' title='程序版本' >"+event.colVal+"</i> ";
//                        event.html = "<a name='fCXBDetail' >程序版本</a>";
//                        <a xid="a1" bind-mousemove="a1Mousemove">link</a>
event.html = "<a component='$UI/system/components/justep/button/button' class='btn btn-default' label='button' xid='button1' name='button1'>";
event.html = event.html+"<i xid='i1'></i>";
event.html = event.html+"<span xid='span1'></span></a>";
                }
        };
        Model.prototype.fCXBBMouseover = function(event){
                alert("鼠标滑入事件")
        };
        $("a[name='button1']").mousemove(function(e){ //选择所有的name属性等于'newsletter'的input元素
                alert("a1鼠标滑入事件")
        });
        $("a[name='fCXBDetail']").mousemove(function(e){ //选择所有的name属性等于'newsletter'的input元素
                alert("fCXBDetail鼠标滑入事件")
        });
//        $(document).mousemove(function(e){
//        debugger;
//          
//        });
        Model.prototype.a1Mousemove = function(event){
                alert("a1鼠标滑入事件");
        };
        Model.prototype.button1Mouseover = function(event){
                alert("button鼠标滑入事件");
        };

767

主题

1914

帖子

3831

积分

论坛元老

Rank: 8Rank: 8

积分
3831
QQ
发表于 2018-8-15 12:52:09 | 显示全部楼层
要做什么?
回复

使用道具 举报

91

主题

13万

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
36198
发表于 2018-8-15 13:40:06 | 显示全部楼层
onCellRender中event.html的值就是标准的html节点,直接用html中标准事件,用bind-mouseover是不起作用的
远程的联系方法QQ1392416607,添加好友时,需在备注里注明其论坛名字及ID,公司等信息
发远程时同时也发一下帖子地址,方便了解要解决的问题  WeX5教程  WeX5下载



如按照该方法解决,请及时跟帖,便于版主结贴
回复 支持 反对

使用道具 举报

263

主题

733

帖子

1978

积分

金牌会员

Rank: 6Rank: 6

积分
1978
QQ
 楼主| 发表于 2018-8-15 14:47:27 | 显示全部楼层
要做什么?
有一个grid,里面有一个列是fCXBB,想实现鼠标滑动到这个列的某行的时候,弹出一个popOver的页面
要使用到鼠标事件,grid本身没有鼠标事件,所以想在grid1CellRender渲染的时候,增加一个按钮或者input之类的框,来达到实现鼠标事件的目的

onCellRender中event.html的值就是标准的html节点,直接用html中标准事件,用bind-mouseover是不起作用的
什么意思?什么叫直接用html中标准事件?
onmousemove 算是标准事件吗?
不是说与jquery兼容吗?为什么有那么多限制



回复 支持 反对

使用道具 举报

91

主题

13万

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
36198
发表于 2018-8-15 14:51:38 | 显示全部楼层
远程的联系方法QQ1392416607,添加好友时,需在备注里注明其论坛名字及ID,公司等信息
发远程时同时也发一下帖子地址,方便了解要解决的问题  WeX5教程  WeX5下载



如按照该方法解决,请及时跟帖,便于版主结贴
回复 支持 反对

使用道具 举报

263

主题

733

帖子

1978

积分

金牌会员

Rank: 6Rank: 6

积分
1978
QQ
 楼主| 发表于 2018-8-15 15:21:55 | 显示全部楼层
在CellRender方法里面增加了onmousemove='fCXBBMouseover',怎么获取触发???
Model.prototype.grid1CellRender = function(event){
                if(event.colName == 'fCXBB'){
                debugger;
                        event.html = "<i name='fCXBDetail' class='icon-android-note text-primary o-info softBtn' title='程序版本' onmousemove='fCXBBMouseover'>"+event.colVal+"</i> ";     
         }
        };
        Model.prototype.fCXBBMouseover = function(event){
                alert("鼠标事件触发");
        };
        $("[name='fCXBDetail']").mousemove(function(e){ //选择所有的name属性等于'newsletter'的input元素
                alert("fCXBDetail鼠标滑入事件");
        });
回复 支持 反对

使用道具 举报

91

主题

13万

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
36198
发表于 2018-8-15 15:25:34 | 显示全部楼层
onmousemove='justep.Bind.contextFor(this).$model.fCXBBMouseover(event)'
远程的联系方法QQ1392416607,添加好友时,需在备注里注明其论坛名字及ID,公司等信息
发远程时同时也发一下帖子地址,方便了解要解决的问题  WeX5教程  WeX5下载



如按照该方法解决,请及时跟帖,便于版主结贴
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2025-8-25 00:12 , Processed in 0.055254 second(s), 24 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表