Question

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

<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操作数

Answer 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>

这段代码不是最优的（它会循环查询两次，然后是上半部分，然后是下半部分）。或者你可以使用＆＃34; startrow / Maxrow＆＃34; cfoutput或cfloop的属性可以实现相同的循环结果。

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

动态修复2列布局中的项目显示

1 个答案: