1

我得到了代码，它一个接一个地显示项目：

<ul class="side-products-list padleft">
    <!-- Designers #1 Starts --> 
    <cfoutput query="lstdesigners">
      <cfset getProducts = Application.tools.getDesignerProducts(cw_designerID)>
      <li class="clearfix">
        <h5><a href="javascript:;">#reReplace(lcase(cw_designerName),"(^[a-z])","\U\1","ALL")# (#getProducts.total#)</a></h5>
        <cfif FileExists(Expandpath('corecontrol/designers/#image#'))>
          <img src="corecontrol/designers/#image#" alt="#cw_designerName#" class="img-responsive" />
          <cfelse>
          <img src="#request.imagespath#nomovieimage.jpg" alt="#cw_designerName#" class="img-responsive" />
        </cfif>
      </li>
    </cfoutput>
    <li>
      <h5><a href="javascript:;">All Designers</a></h5>
      <cfoutput><img src="#request.imagespath#icons-design.gif" width="122" height="114" alt="All Designers" class="img-responsive" /></cfoutput> </li>
    <!-- Designers #1 Ends -->
  </ul>

我想为这些东西显示两列布局，我有点迷失了

知道如何在这个 ul li 中使用 mod 操作数

4

1 回答 1

1

看起来不太像 Ramesh 的尝试，但我假设你是刚开始，需要在这里得到基本的帮助。以下是未调试的代码（尽管如果我添加了一个严重的错误，Scott 可能会注意到。:)

<cfset breakpoint = int(lstdesigners.recordcount / 2)>

<div id="thisiscolumn1">
  <cfloop query="lstdesigners">


   <cfif currentrow le breakpoint>
      ... do stuff for column 1 - your li code prob. goes here.
    </cfif>
  </cfloop>
 </div>

<div id="thisiscolumn2">
  <cfloop query="lstDesigners">
    <cfif currentrow gt breakpoint>
      .... do stuff for column 2  .. li code.. etc.
    </cfif>
  </cfloop>
</div>

这段代码不是最优的（它循环查询两次，给你前半部分，然后是下半部分）。或者，您可以使用 cfoutput 或 cfloop 的“startrow / Maxrow”属性来获得相同的循环结果。

同样，这只是伪代码 - 一种可行的方法。但跑腿工作必须由你决定。

于 2015-10-29T21:22:21.637 回答