datatables接口
/*资源表格接口*/
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接口的更多相关文章
- Datatables JQuery插件
Datatables是一款jquery表格插件.它是一个高度灵活的工具,可以将任何HTML表格添加高级的交互功能. 分页,即时搜索和排序 几乎支持任何数据源:DOM, javascript, Ajax ...
- DataTables学习:从最基本的入门静态页面,使用ajax调用Json本地数据源实现前端开发深入学习,根据后台数据接口替换掉本地的json本地数据,以及报错的处理地方,8个例子(显示行附加信息,回调使用api,动态显示和隐藏列...),详细教程
一.DataTables 个人觉得学习一门新的插件或者技术时候,官方文档是最根本的,入门最快的地方,但是有时候看完官方文档,一步步的动手写例子,总会出现各种莫名其妙的错误,需要我们很好的进行研究出错 ...
- [jQuery]jQuery DataTables插件自定义Ajax分页实现
前言 昨天在博客园的博问上帮一位园友解决了一个问题,我觉得有必要记录一下,万一有人也遇上了呢. 问题描述 园友是做前端的,产品经理要求他使用jQuery DataTables插件显示一个列表,要实现分 ...
- [dataTables.js error] Uncaught TypeError: myTable.row is not a function
使用dataTables.js时遇到的问题. 代码如下: var myTable = $('#dynamic-table') .dataTable({ bAutoWidth : false, &quo ...
- datatables 参数详解(转)
//@translator codepiano //@blog codepiano //@email codepiano.li@gmail.com //尝试着翻译了一下,难免有错误的地方,欢迎发邮件告 ...
- jqurey datatables属性
$('selector').dataTable( { /* * 默认为true * 是否自动计算列宽,计算列宽会花费一些时间,如果列宽通过aoColumns传递,可以关闭该属性作为优化 */ &quo ...
- Datatables插件1.10.15版本服务器处理模式ajax获取分页数据实例解析
一.问题描述 前端需要使用表格来展示数据,找了一些插件,最后确定使用dataTables组件来做. 后端的分页接口已经写好了,不能修改.接口需要传入页码(pageNumber)和页面显示数据条数(pa ...
- datatables后端分页
0x01 缘由 平时较少涉及前端,这次本以为模板中有表单,分页跳转搜索功能都比较齐全,可以高枕无忧,但是细看模板中的分页跳转是不需要与后台交互的,数据一次性写在前端,再有前端插件完成分页. 这种方式肯 ...
- ABP之展现层(Datatables分页)
在前面的随笔中,已经介绍了ABP的增删改查的操作,但是对于查询的数据并没有进行分页,只是进行粗糙的展示,今天的随笔中将摸索进行分页展示.这里打算使用的分页插件是DataTables,这是一款比较强大的 ...
随机推荐
- malloc()函数的使用
malloc是向系统申请分配指定size个字节的内存空间.返回值类型为void *类型.void *表示未确定的类型指针.C语言中,void *类型可以强制转换为任何其他类型的指针. 语法:void ...
- ThinkPHP系统流程
1.用户通过入口文件访问控制器2.控制器从模型层中提取数据3.控制器将数据返回模板页面
- Jsp页面,结果集分页和sql(top)分页的性能对比
jsp页面两种分页模式: 第一种: 结果集分页,主要代码见下面: ResultSet rs=stmt.executeQuery(sql); ResultSetMetaData md=rs.getMet ...
- 关于.Net的强名称(Strong Name)
下面是我在CSDN上发表的<关于.Net的强名称(Strong Name)>,转载于此. 关于.Net的强名称(Strong Name)
- HDU_3591_(多重背包+完全背包)
The trouble of Xiaoqian Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/ ...
- 梦想CAD控件安卓交互绘图
在cad使用过程中,动态绘制的使用会使我们绘图速度大大加快.在此演示中,我们绘制了直线.多段线.点.样条线.圆.圆弧.椭圆.椭圆弧等实体. 用户可以在CAD控件视区任意位置绘制直线. 主要用到函数说明 ...
- 10Oracle Database 数据表数据查询
Oracle Database 数据表数据查询 DML 数据操纵语言 - 数据的查看和维护 select / insert /delete /update 基本查询语句 Select [distinc ...
- flipt 一个基于golang 的特性工具开发类库
以前介绍过一个Flagr 的基于golang 的特性功能开发类库(技术雷达推荐),今天看到一个类似也很不错的方案flipt 参考架构 包含的特性 快速,使用golang 编写,同时进行了性能优化 运行 ...
- 一个小demo熟悉Spring Boot 和 thymeleaf 的基本使用
目录 介绍 零.项目素材 一. 创建 Spring Boot 项目 二.定制首页 1.修改 pom.xml 2.引入相应的本地 css.js 文件 3.编辑 login.html 4.处理对 logi ...
- 使用JavaScript制作一个好看的轮播图
目录 使用JavaScript制作出好看的轮播图效果 准备材料 1.图片若干张(包括轮播图和按钮的图片) 2.将按钮的图片应用到按钮上的CSS样式文件 3.实现轮播和点击跳转的JavaScript代码 ...