从 asc 到 desc 对同位素进行排序

Question

我正在从事一个项目，其中包括同位素排序和在行之间排序表格以及使用历史记录！这段代码是我通过互联网从别人那里得到的，并适应了我的需要！

由于我更像是一名设计师而不是编码员，因此我无法通过在同一排序按钮中的切换单击在 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,

      }

        }); 

有人可以帮我解决这个问题吗？！

Answer 1

在您的同位素参数中使用sortBy 和sortAscending。

    // 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 列表中的属性名称值之一：
codigo、titulo、versao、emisso 或situacao

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

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