前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >【php增删改查实例】第二十一节 - 用户修改功能19.1 添加用户修改的按钮

【php增删改查实例】第二十一节 - 用户修改功能19.1 添加用户修改的按钮

作者头像
剽悍一小兔
发布2018-06-08 11:02:35
8840
发布2018-06-08 11:02:35
举报
文章被收录于专栏:web编程技术分享

19.1 添加用户修改的按钮

打开userManage.html,找到新增按钮的地方:

我们不难发现,编辑按钮就差不多应该在新建用户的右边。

那么,假如我现在是新人,对这个项目本身就不太熟悉,那么我得先找到这个页面,然后再去对应的页面找到新增按钮,然后在新增按钮的右边加上对应的代码。代码怎么写,我先不管,第一个事情就是去找到这个页面在哪。

方法:在这个页面上右键,点击 查看框架源代码

这个userManage.html就是该网页的地址。

打开userManage.html,ctrl + F一下,搜索新建用户这几个字。

找到了这个地方以后,可以发现,原来,这个新增的按钮就是一个a标签,于是,我们依葫芦画瓢。

这边和之前的代码相比,做一个修改,新建用户的按钮,绑定的函数名称改为openAddDialog。

函数代码:

代码语言:javascript
复制
//打开新增窗口
function openAddDialog(){
    
    $("#dialog0").dialog("setTitle","新增用户").dialog("open");

}

//打开修改窗口
function openModifyDialog(){

    $("#dialog0").dialog("setTitle","编辑用户").dialog("open");
}

再来看一下保存方法:

发现一个问题,之前的保存,因为只有新增,所以是不带ID的。那如果现在我们要求这个保存方法既可以新增,也可以修改。就需要动态地变更一下url。

新增: url = save.php 修改:: url = save.php?id=XXX 代码:

代码语言:javascript
复制
var url = null;
//打开新增窗口
function openAddDialog(){
    url = "save.php";
    $("#dialog0").dialog("setTitle","新增用户").dialog("open");

}

//打开修改窗口
function openModifyDialog(){

    //编辑用户的时候,只允许用户勾选一条数据
    var rows = $("#grid0").datagrid("getSelections");

    if(rows.length != 1){
        $.messager.alert("系统提示","请勾选一条数据!");
        return;
    }

    //将勾选的数据填充到窗口中
    $("#form0").form("load",rows[0]);

    url = "save.php?id=" + rows[0].id;

    $("#dialog0").dialog("setTitle","编辑用户").dialog("open");
    
}

打开save.php,加上如下代码:

注意,因为ID是拼接在url后面的,所以是get方式,需要用$_GET去接受,不能用$_POST。

源码获取:https://www.jianshu.com/p/4977bd0073d5

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018.06.07 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 19.1 添加用户修改的按钮
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档