jQuery MiniUI

标题: gotoPage的使用 [打印本页]

---

作者: kencell    时间: 2012-7-21 16:14:23     标题: gotoPage的使用

datagrid 有一个方法叫做

gotoPage ( index, size )

跳转页码。

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

现在的问题是,要求让我做一个分页导航,类似于这样
[attach]272[/attach]
因为数据是从数据库里面读出来的,读出来之前我不知道它又多少条,所以
我在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";
                }
        });

显示效果如下:
[attach]275[/attach]
然后在事件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

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

---

作者: niko    时间: 2012-7-21 16:24:05

你没定义好datagrid把

---

作者: kencell    时间: 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"
            
    >

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

---

作者: kencell    时间: 2012-7-21 17:04:55

大神 帮忙看看啊

---

作者: kencell    时间: 2012-7-22 16:15:01

niko 发表于 2012-7-21 16:24
你没定义好datagrid把

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

---

作者: factory    时间: 2012-7-23 09:46:35

kencell 发表于 2012-7-22 16:15
麻烦给看一下吧,卡在这儿了,谢谢

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

---

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

Powered by Discuz! X2