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 相关文章推荐
ob_start(),ob_start('ob_gzhandler')使用
Dec 25 PHP
php结合飞信 免费天气预报短信
May 07 PHP
php 静态页面中显示动态内容
Aug 14 PHP
一个PHP的QRcode类与大家分享
Nov 13 PHP
PHP 输出URL的快捷方式示例代码
Sep 22 PHP
ThinkPHP分页类使用详解
Mar 05 PHP
PHP直接修改表内容DataGrid功能实现代码
Sep 24 PHP
PHP文件及文件夹操作之创建、删除、移动、复制
Jul 13 PHP
基于PHP实现短信验证码接口(容联运通讯)
Sep 06 PHP
PHP实现页面静态化的超简单方法
Sep 06 PHP
PHP各种常见经典算法总结【排序、查找、翻转等】
Aug 05 PHP
PHP中isset、empty的用法与区别示例详解
Nov 05 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
DEDE采集大师官方留后门的删除办法
2011/01/08 PHP
php的XML文件解释类应用实例
2014/09/22 PHP
100行PHP代码实现socks5代理服务器
2016/04/28 PHP
PHP实现十进制、二进制、八进制和十六进制转换相关函数用法分析
2017/04/25 PHP
Laravel 解决composer相关操作提示php相关异常的问题
2019/10/23 PHP
jQuery操作 input type=checkbox的实现代码
2012/06/14 Javascript
JavaScript学习笔记之Function对象
2015/01/22 Javascript
jQuery实现简单的间隔向上滚动效果
2015/03/09 Javascript
jquery通过扩展select控件实现支持enter或focus选择的方法
2015/11/19 Javascript
JavaScript仿商城实现图片广告轮播实例代码
2016/02/06 Javascript
实例分析浏览器中“JavaScript解析器”的工作原理
2016/12/12 Javascript
js实现移动端编辑添加地址【模仿京东】
2017/04/28 Javascript
Node调用Java的示例代码
2017/09/20 Javascript
JavaScript中的一些隐式转换和总结(推荐)
2017/12/22 Javascript
微信小程序 Animation实现图片旋转动画示例
2018/08/22 Javascript
微信小程序MUI导航栏透明渐变功能示例(通过改变opacity实现)
2019/01/24 Javascript
浅谈JavaScript面向对象--继承
2019/03/20 Javascript
记一次用vue做的活动页的方法步骤
2019/04/11 Javascript
解决Vue watch里调用方法的坑
2020/11/07 Javascript
[47:50]Secret vs VP 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
Python Tkinter基础控件用法
2014/09/03 Python
简单分析Python中用fork()函数生成的子进程
2015/05/04 Python
python pandas dataframe 行列选择,切片操作方法
2018/04/10 Python
Python使用爬虫爬取静态网页图片的方法详解
2018/06/05 Python
Python+OpenCV感兴趣区域ROI提取方法
2019/01/10 Python
对Python中DataFrame选择某列值为XX的行实例详解
2019/01/29 Python
Python比较配置文件的方法实例详解
2019/06/06 Python
Python文件操作中进行字符串替换的方法(保存到新文件/当前文件)
2019/06/28 Python
python 模拟贷款卡号生成规则过程解析
2019/08/30 Python
flask框架自定义过滤器示例【markdown文件读取和展示功能】
2019/11/08 Python
学Python 3的理由和必要性
2019/11/19 Python
three.js模拟实现太阳系行星体系功能
2019/09/03 HTML / CSS
Bally澳大利亚官网:瑞士奢侈品牌
2018/11/01 全球购物
少儿节目主持串词
2014/04/02 职场文书
公司节能减排倡议书
2014/05/14 职场文书
考研英语辞职信
2015/05/13 职场文书