TP5中即点即改，json分页，单删

HTML页面：

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
<center>
    <table>
        <tr>
            <td><input type="checkbox"></td>
            <td>位置</td>
            <td>房源</td>
            <td>房源面积</td>
            <td>计租面积</td>
            <td>户型</td>
            <td>建筑结构</td>
            <td>租赁性质</td>
            <td>状态</td>
            {switch name="$list.u_name"}
            {case value="root"}   <td>操作</td>{/case}
            {case value="admin"}{/case}
            {/switch}

        </tr>
        <tbody class="tby">
        {volist name="list.data" id="v"}
        <tr id="{$v.f_id}">
            <td><input type="checkbox" class="box"></td>
            <td>{$v.f_wei}</td>
            {switch name="$list.u_name"}
            {case value="root"} <td class="ww" fd="f_name">{$v.f_name}</td>{/case}
            {case value="admin"}<td >{$v.f_name}</td>{/case}
            {/switch}
            <td>{$v.f_mian}</td>
            <td>{$v.f_ji}</td>
            <td>{$v.f_hu}</td>
            <td>{$v.f_jian}</td>
            <td>{$v.f_zu}</td>
            <td>{$v.f_static}</td>
           {switch name="$list.u_name"}
                {case value="root"}  <td><a href="javascript:void(0);" class="shan">删除</a></td>{/case}
                {case value="admin"}{/case}
            {/switch}
        </tr>
        {/volist}
        </tbody>
        <input type="hidden" value="1" class="shou_page">
        <input type="hidden" value="{$list.zong_page}" class="wei_page">
    </table>
    <button class="pre">首页</button>
    <button class="pre">上一页</button>
    <button class="pre">下一页</button>
    <button class="pre">尾页</button>
</center>
<script src="__STATIC__/js/jquery.min.js"></script>
<script>
    //即点即改
    $(document).on("dblclick",".ww",function () {
        var fd_val=$(this).attr("fd");
        var html_val=$(this).text();
        var id=$(this).parents("tr").attr("id");
        //替换
        $(this).html('<input type="text" id="'+fd_val+html_val+'" value="'+html_val+'">')

        $("#"+fd_val+html_val).blur(function () {
            var new_val=$(this).val();
            $(this).parents("td").text(new_val);
            //请求
            $.post(
                "{:url('access/ji_gai')}",
                {
                    id:id,
                    new_val:new_val,
                    fd_val:fd_val
                },
                function (data) {

                }
            )
        })
    })
    //分页
    $(document).on("click",".pre",function () {
        var pre=$(this).text();
        var shou_page=$(".shou_page").val();
        var wei_page=$(".wei_page").val();
        var p="";
        if(pre=="首页")
        {
            p=1;
        }else if(pre=="上一页")
        {
            p=parseInt(shou_page)-1<1?1:parseInt(shou_page)-1;
        }else if(pre=="下一页")
        {
            p=parseInt(shou_page)+1>wei_page?wei_page:parseInt(shou_page)+1;
        }else if(pre=="尾页")
        {
            p=wei_page;
        }
        //请求
        $.post(
            "{:url('access/show_json')}",
            {
                page:p
            },
            function (data) {
                var res=JSON.parse(data)
                var res_list=res.data
                var name=res.u_name
                if(name=="root")
                {
                    var aa=' <td><a href="javascript:void(0);" class="shan">删除</a></td>';
                    var bb='class="ww" fd="f_name"';
                }
                var str="";
                $.each(res_list,function (k, v) {
                    str+='<tr id="'+v.f_id+'">';
                    str+='<td><input type="checkbox" class="box"></td>'
                    str+='<td>'+v.f_wei+'</td>'
                    str+='<td '+bb+'>'+v.f_name+'</td>'
                    str+='<td>'+v.f_mian+'</td>'
                    str+='<td>'+v.f_ji+'</td>'
                    str+='<td>'+v.f_hu+'</td>'
                    str+='<td>'+v.f_jian+'</td>'
                    str+='<td>'+v.f_zu+'</td>'
                    str+='<td>'+v.f_static+'</td>'
                    str+=''+aa+'';
                    str+='</tr>';
                })
                $(".tby").html(str)
                $(".shou_page").val(p)
            }
        )

    })
    //删除
    $(document).on("click",".shan",function () {
        var id=$(this).parents("tr").attr("id");
        //请求
        $.post(
            "{:url('access/dan_del')}",
            {
                id:id
            },
            function (data) {
                var re=JSON.parse(data)
                if(re==1)
                {
                    alert("单删成功")
                    document.getElementById(id).remove();
                }else if(re==2)
                {
                    alert("单删失败")
                }
            }
        )
    })
</script>
</body>
</html>
PHP页面：

<?php
namespace app\index\controller;

use think\Controller;
use think\Db;
use think\Request;
use think\Session;
use app\index\model\Fang_yuan;
use app\index\controller\Commen;
class Access extends Commen
{
    //页面分页展示
    public function fang_list()
    {
        $user=Session::get("user",'think');
        $u_name=$user['u_name'];
       $p=Request::instance()->param("page");
       $page=empty($p)?1:$p;
       $count=Db::table("fang_yuan")->count();
       $tiao=3;
       $zong_page=ceil($count/$tiao);
       $limit=($page-1)*$tiao;
       $data=Db::table("fang_yuan")->limit($limit,$tiao)->select();
       $list=['data'=>$data,'zong_page'=>$zong_page,'u_name'=>$u_name];
       return view("show",['list'=>$list]);
    }
    //分页的json格式
    public function show_json()
    {
        $user=Session::get("user",'think');
        $u_name=$user['u_name'];
        $p=Request::instance()->param("page");
        $page=empty($p)?1:$p;
        $count=Db::table("fang_yuan")->count();
        $tiao=3;
        $zong_page=ceil($count/$tiao);
        $limit=($page-1)*$tiao;
        $data=Db::table("fang_yuan")->limit($limit,$tiao)->select();
        $list=['data'=>$data,'zong_page'=>$zong_page,'u_name'=>$u_name];
        echo json_encode($list);
    }
    //单删
    public function dan_del()
    {
        $id=Request::instance()->param("id");
        $aa=new Fang_yuan();
        $a=$aa->del($id);
        if($a)
        {
           echo  json_encode(1);
        }else{
            echo json_encode(2);
        }
    }
    //即点即改
    public function ji_gai()
    {
        $id=Request::instance()->param("id");
        $new_val=Request::instance()->param("new_val");
        $fd_val=Request::instance()->param("fd_val");
        $a=Db::table("fang_yuan")->where("f_id='$id'")->update(["$fd_val"=>"$new_val"]);
        if($a)
        {
            return 1;
        }else{
            return 2;
        }
    }
}

TP5中即点即改，json分页，单删的更多相关文章

jquery实现分页+单删批删
//定义一个分页的方法 public function fenye(){ //查询满足条件的总条数 $count = M("regis")->count(); //设置每页显 ...
tp5中的一些小方法
// 当使用一个新页面替换当前页面的body后,body刷新了,所选择的select值就不能保存住,解决方法如下: 作业题目<select> <option>--请选择--&l ...
EasyUI学习笔记(1)----Tree控件实现过程中.NET下无法访问json数据的解决办法
直接调用官网的Demo中的方法 , 将json数据存储在同目录下,但是在运行之后树没有出现,用FireBug调试,错误如下不允许访问json数据,刚开始以为是权限不够,然后又给解决方案所在的文件夹设 ...
TP5中隐藏入口文件的问题 - CSDN博客
使用phpstudy和linux部署的时候 tp5中的官方说明是在入口文件的同级目录下添加一个.htaccess文件文件内容如下: <IfModule mod_rewrite.c>Opt ...
利用查询条件对象，在Asp.net Web API中实现对业务数据的分页查询处理
在Asp.net Web API中,对业务数据的分页查询处理是一个非常常见的接口,我们需要在查询条件对象中,定义好相应业务的查询参数,排序信息,请求记录数和每页大小信息等内容,根据这些查询信息,我们在 ...
asp.net中webservice与android的json数据交互方式设置
一 .服务器端设置 1.修改web.config 在web.config里面的的system.Web节点添加 <webServices> <protocols> <add ...
Upcase 将edit1中的每个字符串改为首字母大写
//将edit1中的每个字符串改为首字母大写 procedure TForm1.Edit1KeyPress(Sender: TObject; var Key: Char);begin with ...
PHP中遍历stdclass object 及 json
原文:PHP中遍历stdclass object 及 json (从网上找的模拟实例)需要操作的数据: $test=Array ( [0] => stdClass Object ( [tags] ...
网页中如何用 CSS 设置打印分页符
Word 中按 Ctrl + Enter 创建一个分页符,方便打印,其实网页中也可以,用 CSS 的 page-break-after:always;. <p>第 1 页</p> ...

随机推荐

比赛总结——牛客网 NOIP赛前集训营提高组模拟第一场
第一场打的很惨淡啊 t1二分+前缀最小值没想出来,20分的暴力也挂了,只有10分 t2数位dp,调了半天,结果因为忘了判0的特殊情况WA了一个点,亏死 t3emmmm.. 不会 imone说是DSU ...
【转载】vim 中如何替换选中行或指定几行内的文本
https://segmentfault.com/q/1010000002552573/a-1020000002552589 :'<,'>s/替换项/替换为/g 以下命令将文中所有的字符串 ...
Hexo搭建(VPS)
都说 hexo 是静态的 Blog,当时不明觉厉= =.后来终于知道了什么意思......所谓的静态,其实就是因为你不能改云端,而是依赖本地数据,然后使用命令将本地数据变成 web 数据再使用浏览器进 ...
最简单的服务器和客户机（python3的编码与解码问题）
在学习python的过程中,我越来越感觉到python2和python3之间有很多不同点,最近发现的一点就是编码问题. 在代码清单14-1和14-2中,因为作者是用python2来写得,然后我是用py ...
HDU 4315 Climbing the Hill（阶梯博弈）
http://acm.hdu.edu.cn/showproblem.php?pid=4315 题意:由上至下有多个格子,最顶端的是山顶,有多个球,其中有一个球是king,每次可以将球向上移动任意个格子 ...
PostMan做接口自动化测试
try{ var jsonData = pm.response.json(); } catch (e) { console.log("No body"); } pm.environ ...
App.Config自定义配置节点
配置文件: <?xml version="1.0" encoding="utf-8"?> <configuration> <con ...
[转]C和C++运行时库
转自csdn原文:https://blog.csdn.net/ithzhang/article/details/20160009 图片请去原文查看在使用VC构建项目时,经常会遇到下面的链接错误: 初 ...
CoordinatorLayout实现的效果(标题栏效果)
一.效果 CoordinatorLayouy是一个能够协调子布局的容器布局. 使用引入: compile 'com.android.support:design:24.1.1' 常见的使用方法如下:1 ...
vue总是报缩进、空格的错
在bulid/webpack.base.conf.js里 createLintingRule的内容注释掉

TP5中即点即改，json分页，单删

TP5中即点即改，json分页，单删的更多相关文章

随机推荐

热门专题