Question

我正在试图弄清楚如何将我的接触盒排成一行以使其正确贴合。我遇到的问题是使用cfoutput查询我的循环。我需要每三个循环开始一行。这绝不是一个固定数字，而是直接从数据库中提取。我如何让<div class="row">显示第一个循环然后跳过第二个和第三个循环但是回到第四个循环然后跳过5和6并继续这样？

<div class="wrapper wrapper-content animated fadeInRight">
      <cfoutput query="grab_contacts">
        <div class="row">
        <!-- Insert Loop Here -->
            <div class="col-lg-4">
                <div class="contact-box">
                    <a href="../profiles/profile.cfm?employee_number=#grab_contacts.employee_number#">
                    <div class="col-sm-4">
                        <div class="text-center">
                            <img alt="image" class="img-circle m-t-xs img-responsive" src="../images/#grab_contacts.picture#">
                            <cfif len(grab_contacts.phone_extension)>
                            <div class="m-t-xs font-bold">Extension #grab_contacts.phone_extension#</div>
                            </cfif>
                        </div>
                    </div>
                    <div class="col-sm-8">
                        <h4><strong>#grab_contacts.firstname# #grab_contacts.lastname#</strong></h4>
                        <h5>
                            <strong>#grab_contacts.position#</strong><br><br>
                            <i class="fa fa-map-marker"></i> #grab_contacts.department# Department<br>
                            MCTC #grab_contacts.branch# Branch<br>
                        </h5>
                    </div>
                    <div class="clearfix"></div>
                        </a>
                </div>
            </div>
            <!-- End Loop Here --></cfoutput>
          </div>
       </div>

行应如下：
1 2 3
4 5 6
7 8 9

编辑：仍有问题

<div class="wrapper wrapper-content animated fadeInRight">
      <cfoutput query="grab_contacts">
        <cfif CurrentRow mod 3 eq 1>
            <div class="row">
        </cfif>
        <!-- Insert Loop Here -->
            <div class="col-lg-4">
                <div class="contact-box">
                    <a href="../profiles/profile.cfm?employee_number=#grab_contacts.employee_number#">
                    <div class="col-sm-4">
                        <div class="text-center">
                            <img alt="image" class="img-circle m-t-xs img-responsive" src="../images/#grab_contacts.picture#">
                            <cfif len(grab_contacts.phone_extension)>
                            <div class="m-t-xs font-bold">Extension #grab_contacts.phone_extension#</div>
                            </cfif>
                        </div>
                    </div>
                    <div class="col-sm-8">
                        <h4><strong>#grab_contacts.firstname# #grab_contacts.lastname#</strong></h4>
                        <h5>
                            <strong>#grab_contacts.position#</strong><br><br>
                            <i class="fa fa-map-marker"></i> #grab_contacts.department# Department<br>
                            MCTC #grab_contacts.branch# Branch<br>
                        </h5>
                    </div>
                    <div class="clearfix"></div>
                        </a>
                </div>
            </div>
            <!-- End Loop Here -->
        <cfif CurrentRow mod 3 eq 1>
            </div>
        </cfif>
          </cfoutput>
       </div>

现在如何看待行：
1
2 3 4
5 6 7
8 9

Answer 1

<cfif CurrentRow mod 3 eq 1>
    <div class="row">
</cfif>

然后

<cfif CurrentRow mod 3 eq 0 or CurrentRow eq grab_contacts.recordCount>
    </div>
</cfif>

最后也是。

CFoutput查询循环，但每隔三个循环只添加一次

1 个答案: