2 black573 black573 于 2016.02.25 16:39 提问

求教如何实现座位图展示效果? 5C

本人想做个课堂座位展示图功能,后台已获得每个学生的行值和列值,请问前台要怎么弄才能有座位的效果?目前采用表格foreach,可是觉得很不好,求好的方法,求教,在线等。

4个回答

qq_19891827
qq_19891827   2016.02.25 16:45

html做一个相同容量的表格,然后js通过一个2级循环遍历将每个同学的行值、列值与相应单元格联系起来,外层循环对应行值,内层循环对应列值,这样就能找到每个同学对应的表格的单元格,然后进行你想要的处理就可以了

black573
black573   2016.02.25 16:54

html做一个相同容量的表格,然后js通过一个2级循环遍历将每个同学的行值、列值与相应单元格联系起来,外层循环对应行值,内层循环对应列值,这样就能找到每个同学对应的表格的单元格,然后进行你想要的处理就可以了

可以写下代码给我看下吗?感激不尽。我的代码是这样,感觉好麻烦

讲 台










/c:set


/c:forEach
/c:forEach





/c:set


/c:forEach
/c:forEach


/c:forEach
        

${pews[no].name}
/c:if
    
        





未到


/c:when

请假


/c:when


-->

/c:otherwise
/c:choose
/c:if
/c:forEach
/c:if
    



black573
black573 乱了
接近 2 年之前 回复
black573
black573   2016.02.25 17:01
 <table>
<c:forEach begin="1" end="${pews.rowSum}" varStatus="r">
<tr>
<c:forEach begin="1" end="${pews.colSum}" varStatus="c">
<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
<c:forEach begin="1" end="2" varStatus="c1">
<c:set var="no" value="no-${(r.index-1)*4*2+(c.index-1)*2+c1.index}"></c:set>
<td style="width: 100px;" class="text-center">
<c:if test="${pews[no]!=null}">
<button style="width: 100px;" class="button ${pews[no].sex=='女'?'bg-dot':'bg-sub'} tips" data-toggle="click" data-place="top" data-image="${pageContext.request.contextPath}/public/image/${pews[no].sex=='女'?'girl':'boy'}.jpg">${pews[no].name}</button>
</c:if>
</td>
<td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
</c:forEach>
</c:forEach>
</tr>
</table>
Mr_dsw
Mr_dsw   Ds   Rxr 2016.02.25 17:58

建议使用Table标签,然后对每个td单元格指定背景,

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!