Динамическое исправление отображения элементов в 2 колонках

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

Answer 1

Не похоже, что это попытка Рамеша, но я предполагаю, что вы в начале и вам нужна элементарная помощь здесь. Ниже приведен код Un-debugged (хотя Скотт, вероятно, заметит, если я добавлю вопиющую ошибку.:)

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

Этот код не является оптимальным (он дважды просматривает запрос и дает вам первую половину, а затем следующую). В качестве альтернативы вы можете использовать атрибуты "startrow / Maxrow" в cfoutput или cfloop, чтобы получить тот же результат зацикливания.

Опять же, это просто псевдо-код - подход, который будет работать. Но работа за ногами должна быть на ваше усмотрение.