layim移动端layim.panel弹窗显示历史记录【模板】

//监听查看更多记录
      layim.on('chatlog', function (data, ul) {
        var res = {}
        $.ajax({
          type: 'get',
          //ajax请求获取历史聊天信息,参数你们根据自己的业务传
          url: basePathmb + '/chatlogmobile/' + data.id + '?userId=' + useridLogin,
          dataType: 'json',
          contentType: "application/json;charset=UTF-8",
          success: function (dataes) {
            //dataes的数据格式,JSONObject ret = new JSONObject(); ret.put("data",list);list是查出来的聊天信息
            res.data = dataes;
            var mine = layim.cache().mine;
            var tpl = '<div class="layim-chat-main layim-chat-log" style="bottom: 0px"><ul>\n' +
              '{{# layui.each(d.data.data, function(index, item){\n' +
              '  if(item.id == mine.id){ }}\n' +
              '    <li class="layim-chat-mine"><div class="layim-chat-user"><img src="{{ item.avatar }}"><cite><i>{{ item.sendtime }}</i>{{ item.username }}</cite></div>\n' +
              '        <div class="layim-chat-text">{{layui.mobile.layim.content(item.content)}}</div>\n' +
              '    </li> \n' +
              '  {{# } else { }}\n' +
              '    <li><div class="layim-chat-user"><img src="{{ item.avatar }}"><cite>{{ item.username }}<i>{{ item.sendtime }}</i></cite></div>\n' +
              '        <div class="layim-chat-text">{{ layui.mobile.layim.content(item.content)}}</div>\n' +
              '    </li> \n' +
              '  {{# }\n' +
              '}); }}\n' +
              '</ul>\n' +
              '<div id="viewDiv"></div>\n' +
              '</div>';

            var view = parent.$(document).find("#viewDiv");
            var html = laytpl(tpl).render({
              data: res
            });
            view.html(html);

            //弹出一个更多聊天记录面板
            layim.panel({
              title: '与 ' + data.name + ' 的聊天记录' //标题
              , tpl: tpl
              , data: dataes
            });

          },

          error: function (err) {
            console.log("err:", err);
          }
        }, 'json');
      });

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值