zoukankan      html  css  js  c++  java
  • 列表按钮功能的设置和DOM的使用

    HTML:

     1                 <foreach name="fulltime_list" item="v">
     2                     <tr>
     3                         <td></td>
     4                         <td><a href="{:U('FullTime/fulltime_detailed',array('id'=>$v['fulltime_id']))}">{$v.fulltime_name}</a></td>
     5                         <td>{$v.company_name}</td>
     6                         <td>{$v.member_id}</td>
     7                         <td>{$v.category_id}</td>
     8                         <td class="status">{$v.fulltime_status}</td>
     9                         <td>{$v.edit_time}</td>
    10                         <td colspan="2">
    11                                 <div class="button adopt" data-id='{$v.fulltime_id}'>
    12                                     <a  class="text">通过</a>
    13                                 </div>
    14                                 <div class="button notadopt" data-id='{$v.fulltime_id}'>
    15                                     <a  class="text">不通过</a>
    16                                 </div>
    17                         </td>
    18                         <td></td>
    19                     </tr>
    20                 </foreach>

    JavaScript:

        $('.adopt').click(function(){
                var full_id = $(this).attr('data-id');
                var a = $(this);
               $.ajax({
                   type:"post",
                   url:"{:U(FullTime/fulltime_list)}",
                   data:{
                       id : full_id,
                       status: 'data_true'
                   },
                   dataType:"json",
                   success:function(data){
                       if(data.msg){
    //                       location.replace(location);
                        a.parent().parent().find(".status").text('已发布');
                       }else{
    //                       alert('操作失败');
                       }
                   },
                   error:function(jqXHR){
                        alert("发生错误:" + jqXHR.status);  
                   },
               });
        });

    注意!

    $(this)不能再ajax里面初始化,初始化不了,只能在外面定义一个变量到函数里面使用!!!!
    对于列表按钮功能的实现,还有一个办法,就是点击事件上使用方法,方法里面定义你要传递的数据。
  • 相关阅读:
    javascript的基本语法
    javascript的初步认识
    就诊管理(数据结构小学期)
    软件工程课程总结
    每日学习(个人作业2)
    每日学习(个人作业2)
    每日学习(个人作业2)
    每日学习(个人作业2)
    Java中后端Bigdecimal传值到前端精度丢失问题
    这学期的加分项
  • 原文地址:https://www.cnblogs.com/laijinquan/p/7463719.html
Copyright © 2011-2022 走看看