码迷,mamicode.com
首页 > Web开发 > 详细

php+bootstrap+dataTable+jquery分页列表

时间:2016-10-22 00:57:00      阅读:218      评论:0      收藏:0      [点我收藏+]

标签: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>









php+bootstrap+dataTable+jquery分页列表

标签:php+bootstrap+datatable+jquery分页列表

原文地址:http://12200048.blog.51cto.com/12190048/1864407

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!