AngularJS Datentabellen Art geprüft auf Artikel

Ich bin mit anguarljs Lin Datentabellen Lin Datatables
Die Datentabellen arbeiten schön und suchen, sortieren funktioniert gut, aber es ist eine Anforderung, die Datentabelle der auf markierten Elemente zu sortieren.
Wenn der Benutzer beispielsweise das Kontrollkästchen aktiviert und auf der Basis von überprüften Elementen sortieren möchte, funktioniert die Sortierfunktion nicht.
Kann jemand bitte vorschlagen, wie mit Lin-Databases auf der Grundlage der Check-Boxen zu sortieren.
Der HTML-Code für das Kontrollkästchen Statusprüfung istAngularJS Datentabellen Art geprüft auf Artikel

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

Quelle

2016-03-25 Anand j. Kadhi

ich nicht kenne das Plugin, aber es scheint, dass es die Tabellen basierend auf dem Textinhalt des td-Elements anordnet, obwohl der Textinhalt deines td-Elements mit checkbox immer ein ist empty Zeichenfolge. Ich befürchte, dass Sie dem td-Element Text hinzufügen müssen, wie zB ' {{content.isChecked}}'. Lassen Sie mich wissen, ob das funktioniert. – sniels

@snels Leider funktioniert es nicht. –

Kannst du eine Geige machen? – sniels

Sie sollten den kleinen dom-checkbox Plugin implementieren. Es arbeitet mit Winkeltables auch:

$.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'; 
    }) 
}

dann die # Spalte dom-checkbox zu verwenden, wie orderDataType:

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

Ihr Szenario hier repliziert wurden ->http://plnkr.co/edit/kXFzUmcjikUOQliqn02Z?p=preview

Quelle

2016-03-25 08:40:37 davidkonrad

Awesome ... es funktioniert, Danke !! –

AngularJS Datentabellen Art geprüft auf Artikel

Antwort

Verwandte Themen