2015-10-29 72 views
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 ul

+0

为什么你使用'lstdesigners.currentRow MOD {某个数字}'? – Beginner

+0

我试过上面的代码,我真的不知道多少关于CSS。 – Ramesh

回答

1

这看起来不像尝试拉梅什,但我会假设你是在开始,并需要在这里基本的帮助。以下是取消调试代码(不过,如果我添加eggregious错误斯科特可能会注意到。:)

<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”属性来获得相同的循环结果。

这又是一个伪代码 - 一种可行的方法。但这项工作必须由您决定。