アプリ内で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 ディレクティブでカスタム ソートを使用する方法はありますか?