zoukankan      html  css  js  c++  java
  • 后台模块用户管理

    1、今日完成任务:
    (1)用户管理的查询、删除、修改功能

    2、核心源码:

    function operateFormatter(value, row, index) {
                var op;
                op='<a href="javascript:;" onClick="update(\'' + row + "','" + index + '\')">修改</a>'+"&nbsp;&nbsp;"
                  +'<a href="javascript:;" onClick="del(\''+row.id+'\')">删除</a>';
                return op;
          }
    
      function del(id){
          $('#userId').val(id);
          $('#delModal').modal({
              backdrop: "static",//点击空白处不关闭对话框
              show:true
          });
      }
      function update(row,index){
           //获取所有行数据
          var data = $('#dataTable').bootstrapTable('getData');
           console.log( data[index]);
        //获取当前行的某个数据
          $('#username').val(data[index].username);  
          $('#password').val(data[index].pwd);  
          $('#idCard').val(data[index].idCard);  
          $('#phone').val(data[index].phone);  
          $('#email').val(data[index].email);
          $('#id').val(data[index].id);
          
          $('#updateModal').modal({
              backdrop: "static",//点击空白处不关闭对话框
              show:true
          });
      }


    3、遇到的问题:
    (1)删除功能的<a>标签添加onclick事件,无反应
    (2)修改功能,弹出模态框,数据无法显示

    4、解决的方法:
    (1)百度,问同事,出现原因,属性大小写未写对。修改之后可正常弹出警告框
    (2)百度,自查。使用console输出数据,一步一步分析,参考别人的示例,修改自己的代码。已解决

    5、项目燃尽图更新

    页面示例:

     

  • 相关阅读:
    算法训练 2的次幂表示
    算法训练 进制转换
    算法训练 Beaver's Calculator (蓝桥杯)
    抽签问题(不断优化)
    矩阵快速幂
    斐波那契数列
    找出最小自然数N,使N!在十进制下包含Q个0(输入Q,输出N)
    二维数组名是指针的指针吗?
    StringBuffer
    Lake Counting (POJ No.2386)
  • 原文地址:https://www.cnblogs.com/studyxu/p/13331640.html
Copyright © 2011-2022 走看看