AngularJSのDataTableには、ソートの私は<a href="http://l-lin.github.io/angular-datatables/" rel="nofollow noreferrer">Lin Datatables</a> <br>のDataTableがいいと検索動作し、ソート素晴らしい作品林のDataTableをanguarljs使用していますが、チェックされた項目のデータテーブル年代をソートする必要はありアイテム

をチェックします。
たとえば、チェックボックスをオンにしてチェック項目を基準にソートする場合、ソート機能は機能しません。

誰がチェックボックスに基づいて林のDataTableを使用してソートする方法を提案してくださいすることができます。
チェックボックスの状態をチェックするためのHTMLコードは、あなたが小さなdom-checkboxプラグインを実装する必要がありますAngularJSのDataTableには、ソートの私は<a href="http://l-lin.github.io/angular-datatables/" rel="nofollow noreferrer">Lin Datatables</a> <br>のDataTableがいいと検索動作し、ソート素晴らしい作品林のDataTableをanguarljs使用していますが、チェックされた項目のデータテーブル年代をソートする必要はありアイテム

<td><input id="{{content.fileName}}" type="checkbox" 
value="{{content.fileName}}" ng-model="content.isChecked" 
ng-click="toggleSelection(content)" /></td>

出典

2016-03-25 Anand j. Kadhi

を私はしないでくださいプラグインを知っているが、td要素のtextcontentに基づいてテーブルを注文するようだが、チェックボックス付きのtd要素のtextcontentは常にemtpy文字列。 ' {{content.isChecked}}'のように、td要素にテキストを追加する必要があるのではないかと思います。これが動作するかどうか教えてください。 – sniels

@sniels残念ながら、それは動作しません。 –

あなたはフィドルを作ることができますか？ – sniels

です。それだけでなく、角度のDataTableで動作します：

$.fn.dataTable.ext.order['dom-checkbox'] = function (settings, col) { 
    return this.api().column(col, {order:'index'}).nodes().map(function (td, i) { 
    return $('input', td).prop('checked') ? '1' : '0'; 
    }) 
}

その後orderDataTypeとしてdom-checkboxを使用する#列を設定します。

DTColumnBuilder 
    .newColumn(1) 
    .withTitle('#') 
    .withOption('orderDataType', 'dom-checkbox'),

はここにあなたのシナリオを複製している - >http://plnkr.co/edit/kXFzUmcjikUOQliqn02Z?p=preview

出典

2016-03-25 08:40:37 davidkonrad

恐ろしい...それは、ありがとう！ –

答えて

関連する問題