在asc到desc之间排序同位素

时间:2014-08-08 03:02:17

标签: jquery jquery-ui-sortable jquery-isotope

我正在研究一个同位素排序项目,并在行之间订购一个表格,并使用历史记录!这个代码我是通过互联网从别人那里得到的,并且适应了我的需求!

由于我更像是一名设计师而不是编码员,因此我无法在asc与desc之间按顺序排序,只需在同一排序按钮中点击..

我尝试的一切,弄乱了代码..所以这里是我的工作代码: http://jsfiddle.net/uiliw/grmL5Los/

我想要做的是在点击到每个排序按钮之间切换sortAscending:

// Initialize Isotope
       $container.isotope({
          itemSelector: '.item',
          layoutMode: 'vertical',
          getSortData: {
                  codigo: '.codigo  parseFloat',
                  titulo: '.titulo',
                  versao: '.versao  parseFloat',
                  emissor: '.emissor  parseFloat',
                  situacao: '.situacao',
              },
        sortAscending: {
                codigo: sortCodigo,
                titulo: sortTitulo,
                versao: sortVersao,
                emissor: sortEmissor,
                situacao: sortSituacao,

      }

        }); 

有人可以帮我解决这个问题吗?!

1 个答案:

答案 0 :(得分:0)

在同位素参数中使用sortBysortAscending

    // Initialize Isotope
    $container.isotope({
      itemSelector: '.item',
      layoutMode: 'vertical',
      getSortData: {
              codigo: '.codigo  parseFloat',
              titulo: '.titulo',
              versao: '.versao  parseFloat',
              emissor: '.emissor  parseFloat',
              situacao: '.situacao',
          },
     sortBy : 'codigo',
     sortAscending : false
    }); 

sortBy 应该是 getSortData 列表中的属性名称值之一:
codigotituloversaoemissosituacao

sortAscending 您可以在truefalse之间切换,具体取决于您想要的方向。值false将使其按降序排序。

文档: http://isotope.metafizzy.co/v1/docs/sorting.html