php+bootstrap+dataTable+jquery分页列表

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<script src="jquery-1.8.3.min.js" type="text/javascript"></script>

<script>

$(document).ready(function(){

$("#table_local").dataTable({

"bSort":true,

"bAutoWidth": false,

"bFilter":true,

"bInfo":true,

"bJQueryUI":false,

//配合使用 全都是true的时候开启

"bLengthChange":true,

"bPaginate":true,

//配合使用

"bScrollInfinite": true,

"bScrollCollapse": true,

"sScrollY": "",

//配合使用

"sScrollX": "100%",//disabled or 100% 其实只要不是空，就算是123也会出现效果

"sScrollXInner": "100%",

//保存客户端信息在cookie里，了解

"bStateSave":true,

//这个为选择每页的条目数，当使用一个二维数组时，二维层面只能有两个元素，第一个为显示每页条目数的选项，第二个是关于这些选项的解释

//"aLengthMenu":[5,10,20,50,100],

// "aLengthMenu":[[10, 25, 30, -1],[10, 25, "三十", "All"]],

"iCookieDuration":10,

//默认分页条数

//iDisplayStart 从第几行开始显示数据

"iDisplayLength":34,

//‘full_numbers‘ or ‘two_button‘, default ‘two_button‘ 用于指定分页器风格

//"sPaginationType":‘two_button‘,

//第0列降序排列

"aaSorting": [[0,"desc"]],

//隐藏某些列

/* "aoColumnDefs": [{" bSearchable": false, "bVisible": false, "aTargets": [ 2 ]},{ "bVisible": false, "aTargets": [ 3 ] }], */

// language: {

// lengthMenu: ‘<select class="form-control input-xsmall">‘ + ‘<option value="1">1</option>‘ + ‘<option value="10">10</option>‘ + ‘<option value="20">20</option>‘ + ‘<option value="30">30</option>‘ + ‘<option value="40">40</option>‘ + ‘<option value="50">50</option>‘ + ‘</select>条记录‘,//左上角的分页大小显示。

// search: ‘<span class="label label-success">搜索：</span>‘,//右上角的搜索文本，可以写html标签

// paginate: {//分页的样式内容。

// previous: "上一页",

// next: "下",

// first: "第一",

// last: "最后"

// },

// zeroRecords: "没有内容",//table tbody内容为空时，tbody的内容。

//下面三者构成了总体的左下角的内容。

// info: "总共_PAGES_ 页，显示第_START_ 到第 _END_ ，筛选之后得到 _TOTAL_ 条，初始_MAX_ 条 ",//左下角的信息显示，大写的词为关键字。

// infoEmpty: "0条记录",//筛选为空时左下角的显示。

// infoFiltered: ""//筛选之后的左下角筛选提示，

// },

});

});

</script>

<link rel="stylesheet" type="text/css" href="/km/media/css/dataTables.bootstrap.min.css">

<link rel="stylesheet" type="text/css" href="/km/media/css/font-awesome.min.css">

<link rel="stylesheet" type="text/css" href="/km/media/css/bootstrap.min.css">

<link rel="stylesheet" type="text/css" href="/km/media/css/button.css">

<!--[if IE 7]>

<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome-ie7.min.css">

<![endif]-->

<script type="text/javascript" src="/km/media/js/jquery.dataTables.min.js"></script>

<script type="text/javascript" src="/km/media/js/dataTables.bootstrap.js"></script>

</head>

<div class="panel panel-default">

<div class="panel-heading">

<div class="panel-title">

<? echo iconv("gb2312","UTF-8"," 绩效转移单查询")  ?>

</div>

</div>

<div class="panel-body">

<table id="table_local" class="table table-bordered table-striped table-hover">

<thead>

<tr align=center>

<th align=center><font color=black><? echo iconv("gb2312","UTF-8","申请单号")  ?>

<th align=center><font color=black><? echo  iconv("gb2312","UTF-8","申请人") ?>

<th align=center><font color=black><? echo iconv("gb2312","UTF-8","申请部门") ?>

<th align=center><font color=black><? echo iconv("gb2312","UTF-8","申请日期") ?>

<th align=center><font color=black><? echo iconv("gb2312","UTF-8","转出单位") ?>

<th align=center><font color=black><? echo iconv("gb2312","UTF-8","转移科目") ?>

<th align=center><font color=black><? echo  iconv("gb2312","UTF-8","申请金额") ?>

<th align=center><font color=black><? echo iconv("gb2312","UTF-8","承认金额") ?>

<th align=center><font color=black><? echo  iconv("gb2312","UTF-8","签核者") ?>

</tr>

</thead>

<tbody>

<?php

require_once(‘/php/public/opendb.inc‘);

require_once(‘/php/public/openmydb.inc‘);

require("/php/public/power.inc");

$sql="select distinct a.exp_no,a.create_user,name(a.create_user),a.create_date,a.dept_no,a.acc_name,tot_amt1,tot_amt2,b.flow_code,a.form_key

from exp_main a,flow b

where a.form_key=b.form_key  order by a.exp_no desc"; #echo "$sql";

$stmt=$dbh->prepare("$sql");

$stmt->execute() || die("error");

$i=0;

while(list($exp_no,$exp_man,$exp_man_name,$create_date,$dept_no,$acc_name,$tot_amt1,$tot_amt2,$flow_code,$form_key)=$stmt->fetch()){

list($flow_code)=field("select flow_code from it.flow where form_key=$form_key");

$current_user2=‘‘;

if($flow_code==‘Z‘)

$current_user2=iconv("gb2312","UTF-8","结案");

elseif($flow_code==‘C‘)

{

$child_sql="select form_key from workflow_subflow where parent_key=‘$form_key‘ and reply_flag=‘N‘";

$chis=$dbh->prepare("$child_sql");

$chis->execute()|| die("chile_err");

for($j=0;list($child_key)=$chis->fetch();$j++)

{

#if($form_key==‘100001245685‘){ echo "$child_key,$current_user2".‘<br>‘;}

list($current_user1)=fields("select distinct current_user from it.subflow where form_key=‘$child_key‘");

$current_n[$j]=iconv("gb2312","UTF-8",name($current_user1));

$current_user2=$current_user2."($current_user1)".$current_n[$j];

}

$current_user2=iconv("gb2312","UTF-8",‘会签中‘).$current_user2;

}

else

{

list($current_user1,$current_user1name)=fields("select current_user,name(current_user) from it.subflow where form_key=$form_key");

$current_user2="($current_user1)".iconv("gb2312","UTF-8",$current_user1name);

}

$sel="select get_depart_name(get_depart(‘$exp_man‘)),get_depart(‘$exp_man‘) from dual";

$stc=$dbh->prepare("$sel");

$stc->execute()||die("申请人部门 error");

list($depart_name,$getdepart)=$stc->fetch();

$str1="select  acc_depart_name from acc_gl_depart where acc_depart_no=‘$dept_no‘";

list($dep_name)=fields("$str1");

$acc_name=iconv("gb2312","UTF-8",$acc_name);

echo "<tr><td align=center id=$setcolor><a href=‘http://oracle.yungtay.com.cn/exp/exp_myquery_my.php?exp_no=$exp_no&form_key=$form_key‘ target=‘_blank‘>$exp_no</a>

<td align=center id=$setcolor>$exp_man-".iconv("gb2312","UTF-8",$exp_man_name)."

<td align=center id=$setcolor>$getdepart-".iconv("gb2312","UTF-8",$depart_name)."

<td align=center id=$setcolor>$create_date

<td align=center id=$setcolor>$dept_no-".iconv("gb2312","UTF-8",$dep_name)."

<td align=center id=$setcolor>$acc_name

<td align=center id=$setcolor>$tot_amt1

<td align=center id=$setcolor>$tot_amt2

<td align=center id=$setcolor><font size=$size>$current_user2</font>";

echo "</td>";

$i=$i+1;

}

?>

</div>

</div>

</body>

</html>

时间： 2024-10-25 13:29:50

php+bootstrap+dataTable+jquery分页列表的相关文章

基于bootstrap的jQuery多级列表树插件

http://www.cnblogs.com/mfc-itblog/p/5233453.html http://www.htmleaf.com/jQuery/Menu-Navigation/201502141379.html http://www.htmleaf.com/Demo/201502141380.html 简要教程 bootstrap-treeview是一款效果非常酷的基于bootstrap的jQuery多级列表树插件.该jQuery插件基于Twitter Bootstrap,以简单和

Java+Bootstrap、jQuery、HTML5、SpringMVC、Hibernate后台框架

A.快速开发.框架的数据持久层将添加.修改.删除.排序.分页.各种条件的查询封装成通用模块,不用手写SQL.       B.Spring Security安全权限管理,认证和授权.不仅可管理各个功能模块的权限,也可管理功能模块里的页面按钮权限. JavaEE企业开发框架,简称JEEFW[JavaEE Framework],是我们软件组为了快速开发各种B/S产品,花费几个月而开发的企业开发框架.该框架经过测试组的测试,已应用到多个项目. JavaEE企业开发框架前端采用最受欢迎的HTML.CSS

Java框架Bootstrap、jQuery、Spring MVC、Hibernate、安全权限

A.快速开发.框架的数据持久层将添加.修改.删除.排序.分页.各种条件的查询封装成通用模块,不用手写SQL.       B.Spring Security安全权限管理,认证和授权.不仅可管理各个功能模块的权限,也可管理功能模块里的页面按钮权限. JavaEE企业开发框架,简称JEEFW[JavaEE Framework],是我们软件组为了快速开发各种B/S产品,花费几个月而开发的企业开发框架.该框架经过测试组的测试,已应用到多个项目. JavaEE企业开发框架前端采用最受欢迎的HTML.CSS

Java+Bootstrap、jQuery、HTML5、Spring MVC、Hibernate高性能

A.快速开发.框架的数据持久层将添加.修改.删除.排序.分页.各种条件的查询封装成通用模块,不用手写SQL.       B.Spring Security安全权限管理,认证和授权.不仅可管理各个功能模块的权限,也可管理功能模块里的页面按钮权限. JavaEE企业开发框架,简称JEEFW[JavaEE Framework],是我们软件组为了快速开发各种B/S产品,花费几个月而开发的企业开发框架.该框架经过测试组的测试,已应用到多个项目. JavaEE企业开发框架前端采用最受欢迎的HTML.CSS

bootstrap table 服务器端分页--ashx+ajax

1.准备静态页面 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title></title> 6 <meta charset="utf-8" /> 7 <link rel="

基于bootstrup的jQuery多级列表树

bootstrap-treeview是一款效果非常酷的基于bootstrup的jQuery多级列表树插件.该jQuery插件基于Twitter Bootstrap,以简单和优雅的方式来显示一些继承树结构,如视图树.列表树等等. 在线演示:http://www.htmleaf.com/Demo/201502141380.html 下载地址:http://www.htmleaf.com/jQuery/Menu-Navigation/201502141379.html

Bootstrap提供了六种列表效果

列表--简介 在HTML文档中,列表结构主要有三种:有序列表.无序列表和定义列表.具体使用的标签说明如下: 无序列表 <ul> <li>…</li> </ul> 有序列表 <ol> <li>…</li> </ol> 定义列表 <dl> <dt>…</dt> <dd>…</dd> </dl> Bootstrap根据平时的使用情形提供了六种形式

对jquery分页的升级

以前写的分页用了好久了,但是分页时除了传页面外有时还要传一些其它参数,以前操作时要把传的参数放到隐藏hidden中,分页时在取出来,这样比较麻烦,今天无事,重新包装了一下 直接上代码吧 css用了bootstrap中分页的样式 .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-bottom-left-radius: 6px; border-top-left-rad

thinkphp结合bootstrap打造个性化分页

分页功能是web开发中常见的一项功能,也存在很多形式,这里主要讲一下利用thinkPHP框架的page类来打造一款bootstrap风格的分页过程. 首先需要去thinkPHP官网现在其分页扩展类http://www.thinkphp.cn/extend/241.html,下载完成后,需要将其放在项目中的ThinkPHP/Extend/Library/ORG/Util/目录下,如果没有这个目录,需要自己进行创建,引入后代码结构如下: 如果直接按照官网的教程进行分页,那么出来的效果仅仅是显示一个简