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 相关文章推荐
WIN98下Apache1.3.14+PHP4.0.4的安装
Oct 09 PHP
PHP的中问验证码
Nov 25 PHP
CakePHP去除默认显示的标题及图标的方法
Oct 22 PHP
PHP IPV6正则表达式验证代码
Feb 16 PHP
php读取mysql乱码,用set names XXX解决的原理分享
Dec 29 PHP
YII中assets的使用示例
Jul 31 PHP
优化WordPress中文章与评论的时间显示
Jan 12 PHP
php根据年月获取当月天数及日期数组的方法
Nov 30 PHP
PHP关键特性之命名空间实例详解
May 06 PHP
PHPExcel中文帮助手册|PHPExcel使用方法(分享)
Jun 09 PHP
PHP实现简单计算器小程序
Aug 28 PHP
PHP7 mongoDB扩展使用的方法分享
May 02 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
解析php中获取url与物理路径的总结
2013/06/21 PHP
PHP使用SOAP调用.net的WebService数据
2013/11/12 PHP
PHP7内核之Reference详解
2019/03/14 PHP
php中的buffer缓冲区用法分析
2019/05/31 PHP
javascript json2 使用方法
2010/03/16 Javascript
js中将字符串转换成json的三种方式
2011/01/12 Javascript
js实现addClass,removeClass,hasClass的函数代码
2011/07/13 Javascript
js onkeypress与onkeydown 事件区别详细说明
2012/12/13 Javascript
JQuery触发事件例如click
2013/09/11 Javascript
js导出txt示例代码
2014/01/14 Javascript
充分发挥Node.js程序性能的一些方法介绍
2015/06/23 Javascript
JS实现完全语义化的网页选项卡效果代码
2015/09/15 Javascript
jQuery实现摸拟alert提示框
2016/05/22 Javascript
JS实现用户注册时获取短信验证码和倒计时功能
2016/10/27 Javascript
Angularjs之filter过滤器(推荐)
2016/11/27 Javascript
基于Nodejs利用socket.io实现多人聊天室
2017/02/22 NodeJs
html中通过JS获取JSON数据并加载的方法
2017/11/30 Javascript
使用vue实现简单键盘的示例(支持移动端和pc端)
2017/12/25 Javascript
关于vue面试题汇总
2018/03/20 Javascript
vue 表单输入格式化中文输入法异常问题
2018/05/30 Javascript
vue使用监听实现全选反选功能
2018/07/06 Javascript
Python中的super用法详解
2015/05/28 Python
Python之pandas读写文件乱码的解决方法
2018/04/20 Python
Python系统监控模块psutil功能与经典用法分析
2018/05/24 Python
在python下实现word2vec词向量训练与加载实例
2020/06/09 Python
Python bisect模块原理及常见实例
2020/06/17 Python
python 统计list中各个元素出现的次数的几种方法
2021/02/20 Python
沙特阿拉伯电子产品和家用电器购物网站:Black Box
2019/07/24 全球购物
美国厨房和园艺工具网上商店:Nestneed
2019/08/24 全球购物
英国医生在线预约:Top Doctors
2019/10/30 全球购物
台湾专柜女包:KINAZ
2019/12/26 全球购物
质检部部长职责
2013/12/16 职场文书
幼儿园三八妇女节活动方案
2014/03/11 职场文书
个人催款函范文
2015/06/23 职场文书
工作后的感想
2015/08/07 职场文书
2016年七夕情人节宣传语
2015/11/25 职场文书