Как отсортировать список объектов в JSP

Question

У меня есть список предметов, которые будут показаны пользователю. Я знаю, как отсортировать элементы, которые я могу отправить в список, выполнить их сортировку и показать их снова, но как это сделать в интерфейсе, поэтому нет необходимости отправлять список в конец.

Ive found this table, но он показывает результаты в колонках. Как вы видите, я хочу показать их определенным образом следующим образом.

<div class="row"> 
      <div class="col-md-4"> 
       <c:forEach var="item" items="${products}"> 
        <div style="text-align: left;"> 
         <div> 
         Name: ${item.name} 
         </div> 
         <div> 
         Price: ${item.price} 
         </div> 
        </div> 
       -------------------------- 
       </c:forEach> 
      </div> 
</div> 

Выход не является таблицей было бы, следуя

Name: item1 
Price: 12 
--------------- 
Name: item2 
Price: 23 
---------------- 

Answer 1

Вы можете отсортировать элементы, гляньте пример, который я сделал для сортировки по номеру:

http://jsfiddle.net/tnnqyxcw/1/

js:

$(document).ready(function(){ 
    $('button').on('click', function(){ 
     var s = $(this).data('sort'); console.log(s); 
     if(s === 0){ 
      $(this).data('sort', 1); 
      $('.clist div').sort(function(a,b){ 
       return a.dataset.sid < b.dataset.sid 
      }).appendTo('.clist')    
     }else{ 
      $(this).data('sort', 0); 
      $('.clist div').sort(function(a,b){ 
       return a.dataset.sid > b.dataset.sid 
      }).appendTo('.clist') 
     } 
    }); 
}); 

Html

<button data-sort="0">Sort:</button><br> 
<div class="clist"> 
    <div data-sid=1>Number 1</div> 
    <div data-sid=4>Number 4</div> 
    <div data-sid=3>Number 3</div> 
    <div data-sid=1>Number 1</div> 
    <div data-sid=4>Number 4</div> 
    <div data-sid=2>Number 2</div> 
    <div data-sid=1>Number 1</div> 
</div> 

Таким образом, вы можете пользователя data- сортировать для всех вы хотите, и затем назначить щелчок на кнопке или что вы хотите.

Я надеюсь, что это поможет.