/*资源表格接口*/

var dataTableHeader=function(elem,unSorts,defaultSort,screens,status,toggleVis,ipAddress,stateSave,model,columnTitle,unOrderFlag,unPagingInfo){

resTableRadioRow=[];

//elem目标元素选择器

//unSorts无排序功能列,以Arry格式传入列索引

//defaultSort默认降序排序列

//screens枚举列索引

//status枚举内容,这个是表格列中要有

//toggleVis需要进行显示隐藏的列

//ipAddress需要进行排序的ip地址,列索引,eg:[1,2]

//model模态框中列表每页显示的5条数据

//columnTitle表格列添加title

//unOrderFlag表格不开启排序标识

//unPagingInfo表格无分页信息标识

var keyName='DataTables_'+elem.replace(/#|\./g,"")+'-'+window.location.pathname;

if(keyname && !(stateSave && stateSave===true){

localStore.removeItem(keyName);

}

var table=$(elem).DataTable({

stateSave:true,

destroy:true,

ordering:(function(){//是否开启排序功能

if(unOrderFlag){

return false;

}

})();

paging:(function(){

if(unPagingInfo){

return false;

}else{

return true;

}

})(),

dom:(function(){//是否有分页信息

if(unPagingInfo){

return "t<'bottom clearfix cloudos-table-tfoot'>";

}else{

return "t<'bottom clearfix cloudos-table-tfoot'lip>";

}

})();

createdRow:function(row,data,dataIndex){//当tr元素被创建(所有td内容已经被插入)该回调函数被执行

resTableRadioRow.push(row);

},

initComplete:function(settings){

var useId=getCookie("useId");,

api=this.api(),

tdCollection=api.columns(columnTitle).nodes();

for(var i=0;i<j<tdCollection.length;i++){

for(var j=0;j<tdCollection[i].length;j++){

if(!$(tdCollection[i][j].hasClass("cloudos-operate")){

$(tdCollection[i][j]).attr("title",$.trim($(tdCollection[i][j]).text()).replace(/[ ]/g,"").replace(/[\r\n]/g,""))

}

}

}

function getCookie(cookie_name){//获取用户id

var allcookies=document.cookie,

cookie_pos=allcookies.indexOf(cookie_name);//索引长度

if(cookie_pos!=-1){

//把cookie_pos放在值的开始,只要给值加1即可

cookie_pos+=cookie_name.length+1;

var cookie_end=allcookies.indexOf(":",cookie_pos);

if(cookie_end==-1){

cookie_end=allcookies.length;

}

var value=unescape(allcookies.substring(cookie_pos,cookie_end));

}

return value;

}

datatables接口的更多相关文章

  1. Datatables JQuery插件

    Datatables是一款jquery表格插件.它是一个高度灵活的工具,可以将任何HTML表格添加高级的交互功能. 分页,即时搜索和排序 几乎支持任何数据源:DOM, javascript, Ajax ...

  2. DataTables学习:从最基本的入门静态页面,使用ajax调用Json本地数据源实现前端开发深入学习,根据后台数据接口替换掉本地的json本地数据,以及报错的处理地方,8个例子(显示行附加信息,回调使用api,动态显示和隐藏列...),详细教程

    一.DataTables  个人觉得学习一门新的插件或者技术时候,官方文档是最根本的,入门最快的地方,但是有时候看完官方文档,一步步的动手写例子,总会出现各种莫名其妙的错误,需要我们很好的进行研究出错 ...

  3. [jQuery]jQuery DataTables插件自定义Ajax分页实现

    前言 昨天在博客园的博问上帮一位园友解决了一个问题,我觉得有必要记录一下,万一有人也遇上了呢. 问题描述 园友是做前端的,产品经理要求他使用jQuery DataTables插件显示一个列表,要实现分 ...

  4. [dataTables.js error] Uncaught TypeError: myTable.row is not a function

    使用dataTables.js时遇到的问题. 代码如下: var myTable = $('#dynamic-table') .dataTable({ bAutoWidth : false, &quo ...

  5. datatables 参数详解(转)

    //@translator codepiano //@blog codepiano //@email codepiano.li@gmail.com //尝试着翻译了一下,难免有错误的地方,欢迎发邮件告 ...

  6. jqurey datatables属性

    $('selector').dataTable( { /* * 默认为true * 是否自动计算列宽,计算列宽会花费一些时间,如果列宽通过aoColumns传递,可以关闭该属性作为优化 */ &quo ...

  7. Datatables插件1.10.15版本服务器处理模式ajax获取分页数据实例解析

    一.问题描述 前端需要使用表格来展示数据,找了一些插件,最后确定使用dataTables组件来做. 后端的分页接口已经写好了,不能修改.接口需要传入页码(pageNumber)和页面显示数据条数(pa ...

  8. datatables后端分页

    0x01 缘由 平时较少涉及前端,这次本以为模板中有表单,分页跳转搜索功能都比较齐全,可以高枕无忧,但是细看模板中的分页跳转是不需要与后台交互的,数据一次性写在前端,再有前端插件完成分页. 这种方式肯 ...

  9. ABP之展现层(Datatables分页)

    在前面的随笔中,已经介绍了ABP的增删改查的操作,但是对于查询的数据并没有进行分页,只是进行粗糙的展示,今天的随笔中将摸索进行分页展示.这里打算使用的分页插件是DataTables,这是一款比较强大的 ...

随机推荐

  1. Scala-基础-数组(1)

    import junit.framework.TestCase import scala.collection.mutable.ArrayBuffer; //数组(1) //知识点-定义数组,变长数组 ...

  2. 我的DBDA类

    <?php class DBDA { public $host="localhost"; public $uid="root"; public $pwd= ...

  3. Hue - Error loading MySQLdb module: libmysqlclient.so.20: cannot open shared object file: No such file or

    解决下面两点异常 >> 1. Hue页面 点击DB 查询时弹出: Error loading MySQLdb module: libmysqlclient.so.20: cannot op ...

  4. 在WEB项目中调用QQ通讯组件打开QQ聊天界面

    在很多WEB项目中,需要提供在线服务的功能,加上自己的联系方式,例如:QQ,不用添加QQ好友也可以交谈,那这到底是怎么实现的呢? 对于这个功能,需要提到一个组件,即“QQ通讯组件”.QQ通讯组件是一种 ...

  5. ubuntu 16.04 添加网卡

    root@ubuntu:~# ls /sys/class/net/ enp0s3 enp0s8 lo root@ubuntu:~# vim /etc/network/interfaces # This ...

  6. Luogu P1540 机器翻译

    思路 大水题,只需要静下心来模拟就行.我一开始做的时候,首先想到滚动数组但是写完之后发现并不符合题目要求.题目要求新加入的单词作为最新的,在时间上属于最后一个.但是如果用滚动数组的话,新加入的单词就成 ...

  7. HP下kafka的实践

    kafka 简介 Kafka 是一种高吞吐量的分布式发布订阅消息系统 kafka角色必知 producer:生产者. consumer:消费者. topic: 消息以topic为类别记录,Kafka将 ...

  8. STM32单片机串口一键下载电路与操作方法详解

    STM32三种启动模式对应的存储介质均是芯片内置的,它们是:1)用户闪存 = 芯片内置的Flash.2)SRAM = 芯片内置的RAM区,就是内存啦.3)系统存储器 = 芯片内部一块特定的区域,芯片出 ...

  9. MVC 中如果js,css文件放到视图文件夹无法访问的解决办法

    在视图配置文件web.config 中添加如下节点,注意:此web.config 是视图文件夹中的,在你的views视图中可以找到<system.webServer>开头的<hand ...

  10. log4j.properties配置内容的理解

    一直知道log4j是用来记录日志的,但一直没去看log4j到底是怎么用的,这两天看了几个log4j.properties配置语句详解的帖子,在这里简陋地记录一下. 在完全不知道log4j怎么用的时候, ...