jQuery MiniUI

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

gotoPage的使用 [复制链接]

Rank: 1

跳转到指定楼层
楼主
发表于 2012-7-21 16:14:23 |只看该作者 |倒序浏览
datagrid 有一个方法叫做

gotoPage ( index, size )

跳转页码。

参数里面index跟size应该分别是需要跳转的页面,和每页显示多少条数据吧.

现在的问题是,要求让我做一个分页导航,类似于这样

因为数据是从数据库里面读出来的,读出来之前我不知道它又多少条,所以
我在grid.on("load", function(e){}事件里面,动态的把链接加了进去,如下:

        //添加分页数字
        grid.on("load", function(e){
                var totalPage = grid.totalPage;//共几页
                var totalCount = grid.totalCount;//共多少条记录
                var div = document.getElementById("footPaging");
                div.innerHTML = "";
                for ( var i = 1; i <= totalPage; i++) {
                        div.innerHTML += "<a class='mini-button' onclick='gotoPage("+i+")' style='border:0'>" +i+"</a>&nbsp&nbsp&nbsp&nbsp";
                }
        });

显示效果如下:

后在事件gotoPage里面我调用

gotoPage ( index, size )方法 始终都没有任何反应,


甚至直接在


    <script type="text/javascript">
        mini.parse();

        var grid = mini.get("datagrid1");
        gird.gotoPage(2,10);
这样写也没有反应.
浏览器的提示为 Uncaught ReferenceError: gird is not defined

请高手出来帮忙解答一下吧





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

Rank: 9Rank: 9Rank: 9

沙发
发表于 2012-7-21 16:24:05 |只看该作者
你没定义好datagrid把

Rank: 1

板凳
发表于 2012-7-21 16:37:11 |只看该作者
niko 发表于 2012-7-21 16:24
你没定义好datagrid把

    <div id="datagrid1" class="mini-datagrid" style="width:900px;height:280px;" allowResize="true"
        url="AjaxService.jsp?method=SearchEmployees"  idField="sno" multiSelect="true"  ondrawgroup="onDrawGroup" allowAlternating="true"
            
    >

我是这样定义的 应该没有问题吧
大神,哪儿错了?

Rank: 1

地板
发表于 2012-7-21 17:04:55 |只看该作者
大神 帮忙看看啊

Rank: 1

5#
发表于 2012-7-22 16:15:01 |只看该作者
niko 发表于 2012-7-21 16:24
你没定义好datagrid把

麻烦给看一下吧,卡在这儿了,谢谢

Rank: 8Rank: 8

6#
发表于 2012-7-23 09:46:35 |只看该作者
kencell 发表于 2012-7-22 16:15
麻烦给看一下吧,卡在这儿了,谢谢

gotoPage方法没问题的,我建议你先在我们的demo上测试下你那边gotoPage是否正常,再检查下你的代码

Archiver|普加软件

GMT+8, 2024-7-2 23:14 , Processed in 1.038396 second(s), 10 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部