在一页内无刷新更新数据,包括添加,删除,修改数据,更新状态 点击表头排序

在一页内无刷新更新数据,包括添加,删除,修改数据,更新状态 点击表头排序

 在一个页面内弹出层修改,刷新内容,表格可以按照列排序

在一页内无刷新更新数据,包括添加,删除,修改数据,更新状态 点击表头排序_第1张图片
演示

 

 

XML/HTML Code
  1. <table width="88%" border="0" class="bidding_table">  
  2.       <tr>  
  3.         <td width="17%"> th>  
  4.         <td width="22%"> th>  
  5.         <td width="22%">  
  6.             <span class="actionSpan">  
  7.             <a href="add_form.php" title="" class="small button add" id="add_new">  
  8.                 Add  
  9.             a>  
  10.             span>  
  11.         td>  
  12.       tr>  
  13.       <tr>  
  14.         <th width="17%" class="hover">Nameth>  
  15.         <th width="22%" class="hover">Emailth>  
  16.         <th width="22%">Actionsth>  
  17.       tr>  
  18.       <tr>  
  19.         <td colspan="3">  
  20.           
  21.             <ul id="sortable">  
  22.               
  23.             php  require_once('listing.php');?>  
  24.               
  25.             ul>  
  26.         td>  
  27.      tr>  
  28.     table>  

 add_form.php

 

PHP Code
  1. "container" style="width:310px;">  
  2.     "faceBoxmessage" align="center">  
  3.       
  4.     
  
  •     "all" />  
  •     "#" method="post" name="customForm" id="customForm" enctype="multipart/form-data"  >  
  •       
  •       
  •     "center" id="showContent">  
  •             Name*  
  •         "name" style="margin-left:20px;" name="name" type="text" value="" />  
  •     
  •   
  •       
  •     "all" />  
  •     "center" id="showContent">  
  •             Email*  
  •         "email" style="margin-left:20px;" name="email" type="text" value="" />  
  •     
  •   
  •       
  •       
  •       
  •     "all" />  
  •     "center">  
  •         "send_site" style="background:#CCCCCC;margin-left:20px;" name="send" type="button" οnclick="validateFrm('add');"  value="Submit" />  
  •     
  •   
  •       
  •   

    add_record.php

    PHP Code
    1. if($_REQUEST)  
    2. {  
    3.     $email = $_REQUEST['email'];  
    4.     $name  = $_REQUEST['name'];  
    5.     $order = 1;  
    6.       
    7.     $result = @mysql_query("select max(orders) as orders from users");  
    8.       
    9.     if(mysql_num_rows($result) > 0)  
    10.     {  
    11.         while ($rows = mysql_fetch_assoc($result))  
    12.         {  
    13.             $order = $rows['orders'];  
    14.         }  
    15.         $order++;  
    16.     }  
    17.       
    18.     $query = "insert into users (email,username,status,orders) values ('".$email."','".$name."',1,".$order.")";  
    19.     $results = mysql_query( $query);  
    20.     echo $results;  
    21. }  
    22. ?>  

     listing.php

     

    PHP Code
    1. require "../../conn.php";  
    2.   
    3. if(@$_REQUEST['sort'] == 'Email')  
    4. {  
    5.     $orders = 'email';  
    6. }  
    7. else if(@$_REQUEST['sort'] == 'Name')  
    8. {  
    9.     $orders = 'username';  
    10. }  
    11. else  
    12. {  
    13.     $orders = 'orders';  
    14.     //$orders = 'name';  
    15. }  
    16.   
    17. $results = @mysql_query("select * from users order by ".$orders." asc");  
    18.   
    19. while ($rows = mysql_fetch_assoc($results))  
    20. {  
    21.     $checked = '';  
    22.     if($rows['status'] == 1) {$status = 0; $checked = 'checked';}?>  
    23.       
    24.     class="records" id="id-" style="">  
    25.         class="biddingList">  
    26.           
    27.               
    28.             class="bidDiv" style="width:30px;padding-top:6px;">  
    29.                 "loader-" style="display:none">  
    30.                     "img/load.gif" alt="" />  
    31.                   
    32.             
      
  •               
  •               
  •               
  •             class="bidDiv" style="width:200px;padding-top:14px;">  
  •                 echo $rows['username'];?>  
  •             
  •   
  •             class="bidDiv" style="width:250px;padding-top:14px;">  
  •                 echo $rows['email'];?>  
  •             
  •   
  •               
  •               
  •               
  •               
  •             class="bidDiv">  
  •               
  •                 class="actionSpan" id="delete-">  
  •                 "#" id="delete" title="" class="small button remove">  
  •                     Remove  
  •                   
  •                   
  •                   
  •                 class="actionSpan">  
  •                 "edit_record.php?id=" title="" class="small button update" rel="facebox">  
  •                     Update  
  •                   
  •                   
  •                   
  •                 class="actionSpan">  
  •                 "checkbox" value="1" name="active_" id="active_" οnclick="update_status(this.id);" echo $checked?> />  
  •                   
  •             
  •   
  •               
  •               
  •         
  •   
  •     
  •   
  • }?>  
  • "text/javascript">  
  • jQuery(document).ready(function($) {  
  •     $('[rel*=facebox]').facebox();  
  • });  
  •   
  • 全部文件下载地址:http://www.freejs.net/demo/285/zip.zip


    原文地址:http://www.freejs.net/article_biaodan_285.html

    你可能感兴趣的:(在一页内无刷新更新数据,包括添加,删除,修改数据,更新状态 点击表头排序)