ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

齐博x1标签实例:调用多个圈子同时调用相关会员

2021-11-14 10:05:09  阅读:140  来源: 互联网

标签:调用 name 齐博 res 圈子 qb tag var x1


看这一篇之前,请先看上一篇,因为他们有关联性
比如要实现这样的效果

可以通过下面的代码可以实现

{qb:tag name="xxx" type="qun" rows="4"}
<div style="border:1px solid #333;margin:20px;">
	<div>圈子名称:<a href="{:urls('qun/content/show','id='.$rs.id)}">{$rs.title}</a></div>
	<div class="qun_member" data-id="{$rs.id}"> 
	<!--圈子相关联的用户,不能实现标签嵌套,所以移到了下面,这里的外层参数qun_member这是标志给JS做处理的,data-id这是标志圈子ID-->
	</div>
</div>
{/qb:tag}

<div style="display:none;">
	<!--圈子关联的用户标签移动这里来了,这也可以说是一个孤岛,要通过JS把数据做处理显示,下面标签内容才是要显示的内容,外层的DIV隐藏起来,是为了不影响页面布局-->
	<!-- 这里不能使用type=member,因为type=member是全站会员数据,对于圈子会员数据,只能使用下面固定的class 另一个关键之前,就是 union 参数,他对应关联的字段是aid, 这里没用where语句,是因为圈子用户没做where的条件处理,而换用union -->
	{qb:tag name="member_tpl_001" class="app\qun\model\Member@get_label" union="aid" rows="3" js="xx01"}
	<li>{$i}、<a href="{:get_url('user','uid='.$rs.uid)}"><img src="{:get_user_icon($rs.uid)}" one rror="this.src='__STATIC__/images/nobody.gif'" width="50">{:get_user_name($rs.uid)}</a></li>
	{/qb:tag}
</div>

<script type="text/javascript">
$(".qun_member").each(function(){
	var that = $(this);	//下面要进行内容赋值使用
	var id = $(this).data('id');	//对应圈子的ID
	var page = 1;	//只显示第一页的内容
	var url = "{qb:url name='member_tpl_001'}" + page + "&aid=" + id; //这里就是异步显示更多的用法,另一个关键地方就是圈子用户关联圈子的字段是aid
	$.get(url,function(res){
		if(res.code==0){
			if(res.data!=''){
				that.html(res.data);
			}
		}
	});

});
</script>

标签:调用,name,齐博,res,圈子,qb,tag,var,x1
来源: https://www.cnblogs.com/wanxiangsucai/p/15550826.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有