jQuery MiniUI

标题: 关于datagrid的scroll事件无效问题 [打印本页]

作者: 焰尾迭 时间: 2014-12-31 15:09:17 标题: 关于datagrid的scroll事件无效问题

使用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");
         });

作者: felt 时间: 2014-12-31 15:23:09

未发现datagrid
你要用jquery方式绑定事件，请用工具查看miniui解析完的页面结构，而不是你页面写的html

作者: 焰尾迭 时间: 2014-12-31 15:37:38

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

请查看附件里面的html文件

作者: 焰尾迭 时间: 2014-12-31 15:39:08

焰尾迭发表于 2014-12-31 15:37
请查看附件里面的html文件

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

作者: felt 时间: 2014-12-31 15:54:19

焰尾迭发表于 2014-12-31 15:39
的确写的不是datagrid，刚开始写datagrid没效果以为是datagrid的原，于是换成普通的div发现还是没有效果 ...

滚动的是mini-fit那个div

作者: felt 时间: 2014-12-31 16:14:04

焰尾迭发表于 2014-12-31 15:39
的确写的不是datagrid，刚开始写datagrid没效果以为是datagrid的原，于是换成普通的div发现还是没有效果 ...

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

作者: 焰尾迭 时间: 2014-12-31 16:18:01

felt 发表于 2014-12-31 15:54
滚动的是mini-fit那个div

ok了，

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)