CI框架(ajax分页,全选,反选,不选,批量删除)完整代码详解


Posted in PHP onNovember 01, 2016

CodeIgniter 是一个小巧但功能强大的 PHP 框架,作为一个简单而“优雅”的工具包,它可以为开发者们建立功能完善的 Web 应用程序。是比较主流的一个PHP框架。

下面给大家介绍CI框架(ajax分页,全选,反选,不选,批量删除)完整代码,具体代码如下所示:

//ajax分页+搜索(视图层)
function ajax_page(page){
var sou = $('#sou').val();
$.ajax({
type: "POST",
dataType: "json",
url: "<?PHP echo site_url('Welcome/ajax_page')?>",
data: "page="+page+"&sou="+sou,
success: function(data){
var str="";
str+="<table border='1' style='text-align:center'>";
str+="<tr>";
str+="<td><input type='checkbox' class='quan'/></td>";
str+="<td>ID</td>";
str+="<td>用户名</td>";
str+="<td>操作</td>";
str+="</tr>";
$.each(data.list,function(i,item){
if(item.state==0){
var locks = "<a href='JavaScript:void(0)' class='lok' fla='"+item.id+"' id='lock"+item.id+"'>未锁定</a>"
}else{
var locks = "<a href='javascript:void(0)' class='lok' fla='"+item.id+"' id='lock"+item.id+"'>锁定</a>"
}
str+="<tr id='av"+item.id+"'>";
str+="<td><input type='checkbox' class='ss' value='"+item.id+"'/></td>";
str+="<td>"+item.id+"</td>";
str+="<td>"+item.name+"</td>";
str+="<td>"+locks+"</td>";
str+="</tr>";
})
str+="<tr>";
str+="<td><input type='button' id='pdel' value='批量删除'></td>"
str+="</tr>";
str+="</table>";
str+=data.pagestr;
$('#content').html(str);
}
})
}
//状态切换
$(document).on('click','.lok',function(){
var id = $(this).attr('fla');
$.ajax({
type: "POST",
url: "<?php echo site_url('Welcome/upds')?>",
data: "id="+id,
success: function(msg){
if(msg==1){
$('#lock'+id).html("锁定");
}else{
$('#lock'+id).html("未锁定");
}
}
})
})
//批量删除
$(document).on('click','#pdel',function(){
var ids = $('.ss');
var str="";
$.each(ids,function(i,item){
if(ids[i].checked==true){
str=str+','+ids[i].value;
}
})
var new_str=str.substr(1);
$.ajax({
type: "POST",
url: "<?php echo site_url('Welcome/pdels')?>",
data: "new_str="+new_str,
success: function(msg){
$.each(ids,function(i,item){
if(ids[i].checked==true){
$('#av'+ids[i].value).remove();
}
})
}
})
})
//全选(复选框)
$(document).on('click','.quan',function(){
var obj = $(':checkbox');
var ids = $('.ss');
if(obj[0].checked==true){
$.each(ids,function(i,item){
ids[i].checked=true;
})
}else{
$.each(ids,function(i,item){
ids[i].checked=false;
})
}
})
<td><input type="checkbox" class="checks" value="<?php echo $val['u_id']?>"/></td>
//全选(按钮)
$('.quan').click(function(){
var ids = $('input:checkbox');
$.each(ids,function(i,item){
ids[i].checked=true;
})
})
//全不选
$('.bu').click(function(){
var ids = $('input:checkbox');
$.each(ids,function(i,item){
ids[i].checked=false;
})
})
//反选
$('.fan').click(function(){
var ids = $('.checks');
$.each(ids,function(i,item){
ids[i].checked=!ids[i].checked;
})
})
//即点即改
$(document).on('click','.ss',function(){
var id = $(this).attr('id');
var con = $(this).text();
$(this).parent().html("<input type='text' id='"+id+"' class='aa' value='"+con+"'>");
$('.aa').val('').focus().val(con);
$(document).on('blur','.aa',function(){
var id = $(this).attr('id');
var cons = $(this).val();
$(this).parent().html("<span id='"+id+"' class='ss'>"+cons+"</span>");
$.ajax({
type: "POST",
url: "<?php echo site_url('Welcome/upd_ji')?>",
data: "id="+id+"&cons="+cons
})
})
})
//导出
$(document).on('click','#chu',function(){
var sou = $('#sou').val();
location.href="<?php echo site_url('excel/export')?>?sou="+sou;
})
//ajax分页(控制层)
public function ajax_page(){
$sou = $this->input->post('sou');
$count = $this->db->where("name like '%$sou%'")->count_all_results("peng");
$number = 3;
$this->session->set_userdata('number',$number);
$pagecount = ceil($count/$number);
@$page = $_POST['page']?$_POST['page']:1;
$this->session->set_userdata('page',$page);
$start = ($page-1)*$number;
$arr['list'] = $this->db->where("name like '%$sou%'")->limit($number,$start)->get("peng")->result_array();
$up_page = $page-1<1?1:$page-1;
$down_page = $page+1>$pagecount?$pagecount:$page+1;
$str = "";
$str .= "<a href='javascript:void(0)' onclick='ajax_page($up_page)'>上一页</a>";
for($i=1;$i<=$pagecount;$i++){
if($i==$page){
$str .= "--"."<b>$i</b>";
}else{
$str .= "--"."<a href='javascript:void(0)' onclick='ajax_page($i)'>$i</a>";
}
}
$str .= "--"."<a href='javascript:void(0)' onclick='ajax_page($down_page)'>下一页</a>";
$arr['pagestr'] = $str;
echo json_encode($arr);
}
//状态切换
public function upds(){
$id = $this->input->post('id');
$arr = $this->db->get_where("peng","id='$id'")->row_array();
if($arr['state']==0){
$data['state']=1;
$this->db->where("id='$id'")->update("peng",$data);
echo "1";
}else{
$data['state']=0;
$this->db->where("id='$id'")->update("peng",$data);
echo "2";
}
}
//批量删除
public function pdels(){
$str = $this->input->post('new_str');
$this->db->where("id in($str)")->delete("peng");
}

以上所述是小编给大家介绍的CI框架(ajax分页,全选,反选,不选,批量删除)完整代码详解,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

PHP 相关文章推荐
BBS(php &amp; mysql)完整版(八)
Oct 09 PHP
php中用memcached实现页面防刷新功能
Aug 19 PHP
PHP+Mysql实现多关键字与多字段生成SQL语句的函数
Nov 05 PHP
php中常见的sql攻击正则表达式汇总
Nov 06 PHP
PHP正则表达式过滤html标签属性(DEMO)
May 04 PHP
PHP与Java对比学习日期时间函数
Jul 03 PHP
Ajax PHP JavaScript MySQL实现简易无刷新在线聊天室
Aug 17 PHP
PHP设计模式之状态模式定义与用法详解
Apr 02 PHP
thinkphp5框架调用其它控制器方法 实现自定义跳转界面功能示例
Jul 03 PHP
laravel返回统一格式错误码问题
Nov 04 PHP
php设计模式之工厂方法模式分析【星际争霸游戏案例】
Jan 23 PHP
php+mysql实现的无限分类方法类定义与使用示例
May 27 PHP
PHP之十六个魔术方法详细介绍
Nov 01 #PHP
php有效防止图片盗用、盗链的两种方法
Nov 01 #PHP
php 实现一个字符串加密解密的函数实例代码
Nov 01 #PHP
PHP+Ajax异步带进度条上传文件实例
Nov 01 #PHP
php 判断字符串编码是utf-8 或gb2312实例
Nov 01 #PHP
PHP用户验证和标签推荐的简单使用
Oct 31 #PHP
PHP实现小偷程序实例
Oct 31 #PHP
You might like
操作Oracle的php类
2006/10/09 PHP
windows下zendframework项目环境搭建(通过命令行配置)
2012/12/06 PHP
Fine Uploader文件上传组件应用介绍
2013/01/06 PHP
简单实现限定phpmyadmin访问ip的方法
2013/03/05 PHP
Win下如何安装PHP的APC拓展
2013/08/07 PHP
php警告Creating default object from empty value 问题的解决方法
2014/04/02 PHP
php实现计数器方法小结
2015/01/05 PHP
PHP 中使用ajax时一些常见错误总结整理
2017/02/27 PHP
认识延迟时间为0的setTimeout
2008/05/16 Javascript
默认让页面的第一个控件选中的javascript代码
2009/12/26 Javascript
Google排名中的10个最著名的 JavaScript库
2010/04/27 Javascript
bgsound 背景音乐 的一些常用方法及特殊用法小结
2010/05/11 Javascript
jquery 获取自定义属性(attr和prop)的实现代码
2012/06/27 Javascript
jquery的live使用注意事项
2014/02/18 Javascript
AngularJS监听路由的变化示例代码
2016/09/23 Javascript
js无提示关闭浏览器窗口的两种方法分析
2016/11/06 Javascript
基于pako.js实现gzip的压缩和解压功能示例
2017/06/13 Javascript
Vue项目webpack打包部署到服务器的实例详解
2017/07/17 Javascript
基于LayUI分页和LayUI laypage分页的使用示例
2017/08/02 Javascript
详解webpack提取第三方库的正确姿势
2017/12/22 Javascript
浅谈Vue路由快照实现思路及其问题
2018/06/07 Javascript
NodeJS如何实现同步的方法示例
2018/08/24 NodeJs
JSON生成Form表单的方法示例
2018/11/21 Javascript
jQuery的ztree仿windows文件新建和拖拽功能的实现代码
2018/12/05 jQuery
三步搞定:Vue.js调用Android原生操作
2020/09/07 Javascript
Python读大数据txt
2016/03/28 Python
Django自定义认证方式用法示例
2017/06/23 Python
Python实现ElGamal加密算法的示例代码
2020/06/19 Python
Python钉钉报警及Zabbix集成钉钉报警的示例代码
2020/08/17 Python
Python GUI之tkinter窗口视窗教程大集合(推荐)
2020/10/20 Python
pyqt5实现井字棋的示例代码
2020/12/07 Python
详解CSS3中Media Queries的相关使用
2015/07/17 HTML / CSS
Pretty Little Thing爱尔兰:时尚女性服饰
2017/03/27 全球购物
二年级体育教学反思
2014/01/15 职场文书
后勤服务中心总经理工作职责
2014/03/03 职场文书
大专护理专业自荐信
2015/03/25 职场文书