datatables增加跳转至指定页功能

var mytable = $(‘#datatables‘);
    mytable.dataTable( {
        "sDom": "<‘row-fluid‘<‘span6‘l><‘span6‘f>r>t<‘row-fluid‘<‘span6‘i><‘span6‘p>>",
        "sPaginationType": "bootstrap",

        "bProcessing": true,
        "bServerSide": true,
        "sAjaxSource": "/user/list",
        "aoColumns": [
            { "mData": "Id" },
            { "mData": "Username" },
            {"mData":function(obj){
                return obj.group;
            }},
            {"mData":"yiyuan"},
            {"mData":function(obj){
                return obj.keshi;
            }},
            {"mData":function(obj){
            	if(obj.Status==1){
            		return "使用中";
            	}else{
            		return "禁用";
            	}
            }},
            {"mData": function(obj){
                var del="";
                if(isAdmin){
                    del=‘<a   data-title="‘ + obj.Id + ‘"  class="btn btn-danger"><i class="icon-wrench icon-white" ></i>删除</a>‘;
                }
              return ‘<a  data-title="‘ + obj.Id + ‘"  class="btn btn-success" href="#"><i class="icon-edit icon-white"></i>修改</a>‘ +‘&nbsp;&nbsp;‘+del;
            },bSortable : false}
        ],
        "fnDrawCallback": function(){
            var oTable = $("#datatables").dataTable();
            $(‘#redirect‘).keyup(function(e){
                if($(this).val() && $(this).val()>0){
                    var redirectpage = $(this).val()-1;
                }else{
                    var redirectpage = 0;
                }
                oTable.fnPageChange( redirectpage );
            });
        }
      });

datatables增加跳转至指定页功能

时间: 2024-09-29 17:36:51

datatables增加跳转至指定页功能的相关文章

displaytag 分页-添加页码输入框跳转至指定页

环境前提:工程引用displaytag-1.2.jar 使用displaytag自动生成的分页 修改分页步骤 1.修改配置文件displaytag.properties 原配置文件:displaytag-1.2.jar --> org.displaytag.properties --> displaytag.properties 新建配置文件displaytag.properties放在/WEB-INF/classes目录下,新配置文件中相同key的值将会覆盖原配置文件中的值 在新配置文件中修

yii2分页跳转到指定页

先上图看效果,样式虽然有点丑,这都不重要,我相信拿到代码的你们更注重的是这功能怎么实现的! 从上图中不难看出,我们制定跳转到某页的功能是基于linkpager之上的扩展,这根我们之前实现的分页扩展明显不同,之前的明显就是重写了!当然,这都不重要,我们看看GoLinkPager的具体实现!名字起的有点lower,不重要! 1.在frontend\components目录新建GoLinkPager类文件 2.该类继承yii\widgets\LinkPager;,如下: namespace front

从手机浏览器或者 APP 中跳转到微信并跳转到指定页原理及行业内幕详解

相信很多朋友遇到过有些网站,可以直接通过一个连接就能让你的手机打开微信且跳转到某个指定的页面,许多程序员很好奇到底是怎么实现的,到处求这种方法的源码,在文本中我会介绍及剖析这种跳转实现的原理. 微信是个比较封闭的环境,至于为什么封闭,相信大家都了解,在一些应用场景中,我们要用到外部浏览器跳转到微信内部打开,比如添加好友.微信支付等,在微信内部环境直接长按二维码就能实现,确实方便很多. 言归正传,所有可以唤起微信的地址最终都会被转化为:“ weixin://...ticket=...”这种格式,其

ASP-----分页功能的实现

WEB 分页功能的实现后端C#代码部分: // 建立Linq 数据库的连接 private MYDateDataContext context = new MYDateDataContext(); // 设定每页几条数据 private const int PAGESIZE = 3; //获取总的页数 public int GetPageNo() { int PageNo =(int) Math.Ceiling(context.Car.Count()/PAGESIZE*1.0); return

关于指定页跳转到登陆,登陆后再跳到指定页的方法

1.判断是否登陆,如果没有登陆则跳转到登陆页 public ActionResult Index() { if (!SignHelp.IsSign()) return ChangeResult(); return View(); } //跳到login页 public ActionResult ChangeResult() { var returnurl = HttpUtility.UrlEncode("/visitPage/index"); return Redirect("

JavaScript跳转到指定页面并且到指定的tab切换窗口

案例的解析就是点击A页面的第一个的切换窗口的按钮跳转到B页面,再点击B页面的按钮跳转到A页面的第二个窗口,这个实现的效果有三种方法,下面的图片案例: A页面的第一个切换窗口 B页面的跳转按钮 A页面的第二个切换窗口 第一方法用函数function: 演示效果:JavaScript跳转到指定页面并且到指定的tab切换窗口 A页面按钮 <a href="b.html?id=1980&order_type=p_order">aaaaa</a> B页面按钮代码:

datatables 前端表格插件 增删改查功能

官方网站:http://datatables.club/example/<!-- DataTables CSS -->css引入的<link rel="stylesheet" type="text/css" href="http://cdn.datatables.net/1.10.7/css/jquery.dataTables.css"> <!-- jQuery --><script type="

jquery.Table实现的翻页功能比较完整漂亮,本想扩展个模版DIV

jquery.dataTable实现的翻页功能比较完整漂亮,本想提取其的翻页部分,再结合模版DIV,bootstrop实现聊天记息的展示. jquery.Table 与table结合的较紧,不能在很下提取完成. 看了近一天的源码后,对API的结构,实现方式和思路有了基本的认识,但终因工作量太大放弃了提取的念头,时间所迫转用KenDo的翻页 不过这过程中,对其的API实现有了较深的认识. 这里摘录部分资料 以下是在进行dataTable绑定处理时候可以附加的参数: 属性名称 取值范围 解释 bAu

【tool】软件测试中翻页功能测试用例设计

翻页功能我们常碰到的一般有以下几个功能: 1.首页.上一页.下一页.尾页. 2.总页数,当前页数 3.指定跳转页 4.指定每页显示条数 当然,有一些是少于多少页,全部以数字的形式显示,多于多少页后,才出现下一页的控件.本文暂且用以上四点来做为通用的用例来设计吧. 对于1翻页链接或按钮的测试,主要要检查的测试点有: 1.有无数据时控件的显示情况 2.在首页时,首页和上一页是否能点击 3.在尾页时,下一页和尾页是否能点击 4.在非首页和非尾页时,四个按钮功能是否正确 5.翻页后,列表中的记录是否仍按