datatables配置及数据传输
var merchant_url = "index.php?op=merchant";
var table_merchant_setting ={
"ajax": merchant_url + "&extend_op=get",
"ordering": false,
"searching": false,
"processing": true,
"serverSide": false, //本地JSON文件要设为false,true会不能分页
"oLanguage": {
"sProcessing": "正在加载中......",
"sLengthMenu": "每页显示 _MENU_ 条记录",
"sZeroRecords": "正在加载中......",
"sEmptyTable": "表中无数据存在!",
"sInfo": "当前显示 _START_ 到 _END_ 条,共 _TOTAL_ 条记录",
"sInfoEmpty": "显示0到0条记录",
"sInfoFiltered": "数据表中共为 _MAX_ 条记录",
"sSearch": "搜索:",
"oPaginate": {
"sFirst": "首页",
"sPrevious": "上一页",
"sNext": "下一页",
"sLast": "末页"
}
}
,"columns": [
{ "data": "s_id" }, //json文件里的name值
{ "data": "merchant_name" },
{ "data": "type",render: function(data){return data==0?"文本":"多行文本"}},//值得转换 对数据进行函数操作要用render来渲染
{ "mData": "buy_ok_time",render: function(data){return new Date(parseInt(data) * 1000).toLocaleString().replace(/:\d{1,2}$/,' ');}},//时间转换
{ "data": null,"defaultContent": "<a class='btn btn-xs btn-info media_right_3' onclick='edit_merchant(this);'>编辑</a>", render: function(){$("[data-toggle='tooltip']").tooltip();}}, //操作栏
],
"order": [[0, "desc" ]],
"initComplete": function(settings, json){ //初始化配置执行函数
$(".yr_ct tr").each(function(){
al_rec += parseInt($(this).find("td").eq(1).text());
});
$(".year_rec").text(al_rec + '元');
};
}
var table_merchant = $("#data_table_merchant").DataTable(table_merchant_setting); //初始化表格
$("#search1").click(function() { //搜索框
if($("#search_text").val())
{
var sch_knd = $("#title").text();
var sch_cnt = $("#search_text").val();
$.get(merchant_url + "&extend_op=orderlist", { kind: sch_knd, cnt: sch_cnt }, function(data){
table_merchant.ajax.url(merchant_url + "&extend_op=orderlist&" + 'kind=' + sch_knd + '&cnt=' + sch_cnt).load(function(data){
//再次加载时执行的函数
}); //回调执行重新加载搜索到的内容的地址
});
} else {
layer.alert("请输入你要搜索的信息");
};
});
function display_add_merchant(){
$(".add_merchant_div").css("display","block");
$(".merchant_list").css("display","none");
}
function add_merchant(){
display_add_merchant();
$(".add_merchant_div .title").text("添加");
$(".add_merchant_div .submit").attr("onclick","save_add_merchant();");
};
function save_add_merchant(){
var data = getFormJson(".add_merchant_form"); //获取form表单数据 class名必须为form标签内的
$.post(merchant_url + "&extend_op=add",data,function(data){
if(data.err == "0"){
table_merchant.ajax.reload(); //重新加载ajax
layer.alert("添加成功!");
hidden_add_merchant();
}else{
layer.alert(data.msg);
}
},"json")
}
function hidden_add_merchant(){
$(".add_merchant_div").css("display","none");
$(".merchant_list").css("display","block");
$(".add_merchant_form")[0].reset(); //填写的表单内容清空
}
function edit_merchant(e){
display_add_merchant();
$(".add_merchant_div .title").text("编辑");
$(".add_merchant_div .submit").attr("onclick","save_edit_merchant();");
var data = table_merchant.row( $(e).parents('tr') ).data(); //获取本行内容 注意(e)传值
fillFormJson(".add_merchant_form",data)
}
function save_edit_merchant(e){
var data = getFormJson(".add_merchant_form");
$.post(merchant_url + "&extend_op=update",data,function(data){
if(data.err == "0"){
layer.alert("编辑成功!");
hidden_add_merchant();
table_merchant.ajax.reload();
hidden_add_merchant();
}else{
layer.alert(data.msg);
}
},"json")
}
function del_merchant(e){
layer.alert('确定删除?',function(){
var data = table_merchant.row( $(e).parents('tr') ).data();
var id = data.id;
$.get(merchant_url + "&extend_op=del&id=" + id,function(data){
if(data.err == "0"){
layer.alert("删除成功!");
table_merchant.ajax.reload();
}else{
layer.alert(data.msg);
}
},"json")
});
}
//获取表单json数据
function getFormJson(frm) {
var o = {};
var a = $(frm).serializeArray(); //序列化表单内容
$.each(a, function () {
if (o[this.name] !== undefined) {
if (!o[this.name].push) {
o[this.name] = [o[this.name]];
}
o[this.name].push(this.value || '');
} else {
o[this.name] = this.value || '';
}
});
return o;
}
//填写表单json数据,填充的那个框标签需是input
function fillFormJson(frm,data) {
var input = $(frm).find('[name]');
input.each(function(i,e) {
$.each(data,function(k,v) {
if (k == $(e).attr('name')) {
$(e).val(v);
};
})
})
}
datatables配置及数据传输的更多相关文章
- DataTables 配置和使用
WEB后台开发,如果用的是Bootstrap框架,那这个表格神器你一定不要错过. 官方地址:https://datatables.net/ What?英文不好,没关系咱有中文的 http://data ...
- [jQuery]jQuery DataTables插件自定义Ajax分页实现
前言 昨天在博客园的博问上帮一位园友解决了一个问题,我觉得有必要记录一下,万一有人也遇上了呢. 问题描述 园友是做前端的,产品经理要求他使用jQuery DataTables插件显示一个列表,要实现分 ...
- Datatables插件1.10.15版本服务器处理模式ajax获取分页数据实例解析
一.问题描述 前端需要使用表格来展示数据,找了一些插件,最后确定使用dataTables组件来做. 后端的分页接口已经写好了,不能修改.接口需要传入页码(pageNumber)和页面显示数据条数(pa ...
- 轻量级ORM框架 QX_Frame.Bantina(二、框架使用方式介绍)
轻量级ORM框架QX_Frame.Bantina系列讲解(开源) 一.框架简介 http://www.cnblogs.com/qixiaoyizhan/p/7417467.html 二.框架使用方式介 ...
- 漏洞经验分享丨Java审计之XXE(上)
最近在审计公司的某个项目时(Java方面),发现了几个有意思的Blind XXE漏洞,我觉得有必要分享给大家,尤其是Java审计新手,了解这些内容可以让你少走一些弯路. Java总体常出现的审计漏洞如 ...
- 1.5.7、CDH 搭建Hadoop在安装之前(定制安装解决方案---配置单用户模式)
配置单用户模式 在传统的Cloudera Manager部署中,管理每台主机上的Hadoop进程的Cloudera Manager Agent以root用户身份运行.但是,某些环境会限制对root帐户 ...
- 基于FPGA的I2C读写EEPROM
I2C在芯片的配置中应用还是很多的,比如摄像头.VGA转HDMI转换芯片,之前博主分享过一篇I2C协议的基础学习IIC协议学习笔记,这篇就使用Verilog来实现EEPROM的读写,进行一个简单的I2 ...
- 《嵌入式系统原理与接口技术》——嵌入式系统接口应用基础
本文为我负责编写的电子工业出版社出版的<嵌入式系统原理与接口技术>一书第七章部分,这里整理的仍然是修改稿,供需要的同学参考,本书为普通高等教育"十二五"规划教材,电子信 ...
- 用dom4j操作xml文件
XML的全称是eXtensible Markup Language,即“可扩展标记语言”.XML文件的作用主要是数据存储,文件配置,数据传输. html与xml的区别是:①html语法松散,xml语法 ...
随机推荐
- 09.25日记(2014年9月25日23:22:06)用java这么多年面向对象我真的懂了吗,测试先行理念会玩吗
二胡 (1)应该找些书来看看,工作N年并不代表就有N年的工作经验. (2)DiaTransit02,DiaDept02,DiaAirport02,DiaHighway02.都具有x,y属性为何不设计一 ...
- 重新设置MySQL的root密码
1.首先确认服务器出于安全的状态,也就是没有人能够任意地连接MySQL数据库. 因为在重新设置MySQL的root密码的期间,MySQL数据库完全出于没有密码保护的 状态下,其他的用户也可以任意地登录 ...
- freemaker小练习
public class TestFreemaker extends HttpServlet{ // 负责管理FreeMarker模板的Configuration实例 private ...
- 【原创】Linux下获取命令的帮助与常用命令
Linux中的shell命令一般是执行步骤:用户在终端输入命令回车,系统内核会在当前用户的环境变量PATH中去读取环境变量的值 变量的值就是命令的路径,命令路径不只一个,于是系统会从这些路径中从左至右 ...
- “T”必须是具有公共的无参数构造函数的非抽象类型,才能用作泛型类型或方法
最近在项目中,使用EF编程时,在使用泛型类型的过程中,写了一上午,结果生成时,编译不通过,报出如下错误: “T”必须是具有公共的无参数构造函数的非抽象类型,才能用作泛型类型或方法.如图: 找了好久,终 ...
- Quartz1.8.5例子(十)
/* * Copyright 2005 - 2009 Terracotta, Inc. * * Licensed under the Apache License, Version 2.0 (the ...
- EF4 Code First和EF6 Code First链接mysql的方法
1.首先需要下载安装.Net的Mysql驱动 下载地址如下:http://dev.mysql.com/downloads/connector/net/ 2.配置Web.Config EF6: 配置链接 ...
- 双系统格式化硬盘后装XP遇到grub rescue的问题
好奇于深度的Deepin系统,给老电脑装了xp和deepin双系统.无奈07年的机子带Deepin,实在是太卡了.正好想给硬盘重新分区,直接将硬盘格式化,重装了xp.于是,问题来了,开机显示: GRU ...
- Visual Studio 内置快速生产代码简写集合
工作之余,整理了一下,Visual Studio 里面的快速生产代码缩写集合,这个拿出来分享想一下,希望对您有所帮助. 文件下载地址:VS内置生产代码缩写集合文档.rar 首字母 简写 生成代码 a ...
- java service
http://www.regexlab.com/zh/jar2exe/demo1.htm http://www.zhangxinxu.com/wordpress/?p=1058 http://www. ...