根据后台数据 动态显示前台编辑按钮内容
博客专区 > tystys 的博客 > 博客详情
根据后台数据 动态显示前台编辑按钮内容
tystys 发表于1年前
根据后台数据 动态显示前台编辑按钮内容
  • 发表于 1年前
  • 阅读 5
  • 收藏 0
  • 点赞 0
  • 评论 0

新睿云服务器60天免费使用,快来体验!>>>   

情景:根据后台数据实际公开还是隐藏  动态显示点此公开 或者是点此隐藏

(所有数据是从后台volist出来的)

例:数据记录1 是隐藏的----前台按钮显示的文字就是点此公开     用户3是公开可以看的

前台按钮显示的文字就是点此隐藏 

流程---点击公开---弹出警示框----点击确定---后台操作---

复杂点1------点击公开--触发警示框显示---点击确定----才进行ajax交互-------(复杂点:传用户ID

中间经过了一个警示框---没法直接传userID进去----解决:循环时候在点此公开之后,写一个隐藏的input框,存储用户ID,然后jquery 声明一个全局变量--存放用户ID:点击删除---获取影藏input value值)

之前复杂的解决方法---

//全局变量 num 存放 该条记录的id
    var num=0;

<!-- 获取该条记录的id -->
             num = $(this).next('input').val();

然后ajax交互)

复杂点2----ajax 返回数据--需要两部分-数据记录+分页信息

自己研究的解决方案-很复杂--求改进----返回  json_encode(后台数据)+拼接“&”+拼接分页

前台接受数据---根据&拆分---第一部分是数据----

                   $.each(data,
                                function(index, item) { 
                                    html1 += '  ';
                                         });

循环数据--输出到对应容器--;第二部分分页数据输出到对应的page容器;

复杂点3:--------删除时候----ajax请求后台--接受实时数据----前台根据公开还是隐藏--实时改变中间按钮的文字(点此公开、点此隐藏)----需要做判断--很麻烦--初步解决---直接在后台返回的数据源里面加一个字段--专门存放要显示的文字(点此公开/或者点此隐藏)----前台直接接受直接显示

 

  • 打赏
  • 点赞
  • 收藏
  • 分享
共有 人打赏支持
粉丝 2
博文 72
码字总数 82272
×
tystys
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: