jQuery MiniUI

 找回密码
 立即注册
查看: 2270|回复: 6
打印 上一主题 下一主题

关于datagrid的scroll事件无效问题 [复制链接]

Rank: 3Rank: 3

跳转到指定楼层
楼主
发表于 2014-12-31 15:09:17 |只看该作者 |倒序浏览
使用jquey来监听datagrid的scroll事件,发现始终没效果,不明白是什么原因,求解释

代码如下:
<div class="mini-splitter" style="width: 100%; height: 100%;">
        <div size="240" showcollapsebutton="true">
            <div class="mini-toolbar" style="padding: 2px; border-top: 0; border-left: 0; border-right: 0;">
                <span style="padding-left: 5px;">名称:</span>
                <input class="mini-textbox" />
                <a class="mini-button" iconcls="icon-search" plain="true">查找</a>
            </div>
            <div class="mini-fit">
                <ul id="tree1" class="mini-tree" url="/Tree.txt" style="width: 100%;" showtreeicon="true"
                    textfield="text" idfield="id" parentfield="pid" resultastree="false" expandonload="true">
                </ul>
                <ul id="treeMenu" class="mini-contextmenu">
                    <li iconcls="icon-move">移动节点</li>
                    <li name="edit" iconcls="icon-edit">编辑节点</li>
                    <li name="remove" iconcls="icon-remove">删除节点</li>
                </ul>
            </div>
        </div>
        <div showcollapsebutton="true">
            <div class="mini-toolbar" style="padding: 2px; border-top: 0; border-left: 0; border-right: 0;">
                <a class="mini-button" iconcls="icon-add" plain="true">新增</a>
                <a class="mini-button" iconcls="icon-remove" plain="true">删除</a>
                <span class="separator"></span><a class="mini-button" iconcls="icon-save" plain="true"
                   >保存</a>
            </div>
            <div class="mini-fit">
                <div style="height: 100%;" id="ddd">
                    <div style="height: 1024px;" id="ccc">
                        1111111111</div>
                </div>
            </div>
        </div>
    </div>


   $("#ddd").scroll(function(e) {
                alert("2");
            });


但是换成,就有效果
   $div").scroll(function(e) {
                alert("2");
            });

Rank: 8Rank: 8

沙发
发表于 2014-12-31 15:23:09 |只看该作者
未发现datagrid
你要用jquery方式绑定事件,请用工具查看miniui解析完的页面结构,而不是你页面写的html

Rank: 3Rank: 3

板凳
发表于 2014-12-31 15:37:38 |只看该作者
felt 发表于 2014-12-31 15:23
未发现datagrid
你要用jquery方式绑定事件,请用工具查看miniui解析完的页面结构,而不是你页面写的html ...


请查看附件里面的html文件
附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Rank: 3Rank: 3

地板
发表于 2014-12-31 15:39:08 |只看该作者
焰尾迭 发表于 2014-12-31 15:37
请查看附件里面的html文件

的确写的不是datagrid,刚开始写datagrid没效果以为是datagrid的原,于是换成普通的div发现还是没有效果

Rank: 8Rank: 8

5#
发表于 2014-12-31 15:54:19 |只看该作者
焰尾迭 发表于 2014-12-31 15:39
的确写的不是datagrid,刚开始写datagrid没效果以为是datagrid的原,于是换成普通的div发现还是没有效果 ...

滚动的是mini-fit那个div

Rank: 8Rank: 8

6#
发表于 2014-12-31 16:14:04 |只看该作者
焰尾迭 发表于 2014-12-31 15:39
的确写的不是datagrid,刚开始写datagrid没效果以为是datagrid的原,于是换成普通的div发现还是没有效果 ...


这是你的页面解析完的结构
你可以脱离miniui,使用这样的结构,用jquery绑scroll事件,看绑在哪个div会生效

附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Rank: 3Rank: 3

7#
发表于 2014-12-31 16:18:01 |只看该作者
felt 发表于 2014-12-31 15:54
滚动的是mini-fit那个div

ok了,

Archiver|普加软件

GMT+8, 2024-10-7 01:32 , Processed in 1.037963 second(s), 10 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部