8

アプリ内でAngular DataTablesを使用しています。カスタムソートを追加しようとする場合を除いて、これまでのところすべてうまく機能しています。

データがない場合はハイフン「-」を返すデータのセットがあります。これが私のソート機能です::

$.fn.dataTableExt.oSort['nullable-asc'] = function(a,b) {

    if (a == '-')
        return 1;
    else if (b == '-')
        return -1;
    else
    {
        var ia = parseInt(a);
        var ib = parseInt(b);
        return (ia<ib) ? -1 : ((ia > ib) ? 1 : 0);
    }
}

$.fn.dataTableExt.oSort['nullable-desc'] = function(a,b) {
console.log(a,b)
    if (a == '-')
        return 1;
    else if (b == '-')
        return -1;
    else
    {
        var ia = parseInt(a);
        var ib = parseInt(b);
        return (ia>ib) ? -1 : ((ia < ib) ? 1 : 0);
    }
}

..start controller...

    vm.dtColumnDefs = [
        DTColumnDefBuilder.newColumnDef(0).notSortable().withClass('hidden-print')
        DTColumnDefBuilder.newColumnDef(1).withClass('td-fieldname'), //name
        DTColumnDefBuilder.newColumnDef(2), //fieldType
        DTColumnDefBuilder.newColumnDef(3).withOption('type', 'html-num-fmt'),
        DTColumnDefBuilder.newColumnDef(4).notSortable(), //distribution
        DTColumnDefBuilder.newColumnDef(5).withOption('type', 'html-num-fmt'), //cardinality
        DTColumnDefBuilder.newColumnDef(6).withOption('type', 'nullable'), //Min
        DTColumnDefBuilder.newColumnDef(7).withOption('type', 'nullable') //Max
    ];

...other angular code..... 

これは、標準のテーブルで試してみると問題なく動作しますが、Angular アプリではうまく動作しません。

テーブルの見出しをクリックして並べ替えても、何も起こりません。console.log上記は空白の値を生成します。Angular ディレクティブでカスタム ソートを使用する方法はありますか?

4

0 に答える 0