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> ...

随机推荐

Ground Defense【不知道叫啥可能就是枚举】
问题 G: Ground Defense 时间限制: 1 Sec 内存限制: 128 MB 提交: 116 解决: 22 [提交] [状态] [命题人:admin] 题目描述 You are a ...
vba编程基础1
在主要的编程语言中, 结构体是用大括号来表示代码段的范围界定的. 但是在一些比较"老的"语言中,由于历史原因, 还是使用的是: 关键字来进行界定代码的结构段, 如vba ...
LuoguP5221 Product
题目地址题目链接题解注,下方$(i,j)$均指$gcd(i,j)$,以及证明过程有一定的跳步,请确保自己会莫比乌斯反演的基本套路. 介绍本题的$O(n)$和\(O(n\sqrt{n} ...
JavaI/O（输入/输出）
File类通过File类可以在程序中操作文件和目录,File能新建.删除.重命名文件和目录,但是不能访问文件内容本身. 理解I/O流流(stream)是从起源(source)到接收(sink)的有 ...
Derek解读Bytom源码-protobuf生成比原核心代码
作者:Derek 简介 Github地址:https://github.com/Bytom/bytom Gitee地址:https://gitee.com/BytomBlockchain/bytom ...
《算法竞赛入门经典》刘汝佳 C语言部分（前四章）“注解与习题” 之思索 -<1>
此书我购于去年的十一月份,也是经前人推荐购买的一本比较有用的书籍,在寒假自学此书,其简洁清晰高效的示例代码令我印象深刻,于是我打算把这本书的前四章后面的注解与习题(未给出标准解答)认真的去思索和研究, ...
nrf24l01 IRQ一直为高电平
测试发现发送数据时MCU卡住不动,测试发现卡在了 while(NRF24L01_IRQ!=0); 也就是说管脚IRQ一直是高电平.仔细排查发现nrf24l01处于接收模式,改为发送模式就好了 NRF2 ...
js 模块化规范
模块规范 CommonJS module.exports, exports 导出模块 require 加载模块, CommonJS 同步,服务端.实践者: nodejs ES6 export, exp ...
BSEG和BSIS、BSAS、BSID、BSAD、BSIK、BSAK 六个表的关系
BSEG和BSIS.BSAS.BSID.BSAD.BSIK.BSAK六个表的关系 1.数据关系: BSAS+BSIS+BSAK+BSIK+BSAD+BSID = BSEG 2.六个表说明: clear ...
C#——LINQ语句
委托: //delegate 返回值委托名(参数); //委托不能在方法中定义 ////实例化委托,并赋值 //委托名实例名 = new 委托名(函数名).lambda表达式; //使用委托实例, ...

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

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

随机推荐

热门专题