Gibt es eine Möglichkeit, ein Datumsfeld mit Smart-Tabelle zu durchsuchen? Ich muss für Daten später als ein bestimmtes Datum filtern.So implementieren Sie benutzerdefinierte Suche mit Smart-Tabelle und angularjs
Antwort
können Sie eine benutzerdefinierte (globale Filter) mit dem st-set-filter
Attribut (nicht documentented noch)
<table st-set-filter="myFilter" st-table="rowCollection">
...
</table>
Dann implementieren die benutzerdefinierte Filter
myApp.filter('myFilter',[function(){
return function(array, expression){
//an example
return array.filter(function(val, index){
return new Date(val.theDateProperty) > new Date(expression.theDateProperty) ;
});
}
});
eingerichtet, in dem Sie zum Beispiel den Sie eingerichtet haben Eingabe in die Tabelle
<input type="date" st-search="'theDateProperty'" />
Beachten Sie, dass der Filter global ist die Tabelle, so wird es an Stelle von Winkelfilter (der Standard verwendet wird) für sehr Sucheingabe aufgerufen. Wenn Sie also ein anderes Filterverhalten für verschiedene Spalten wünschen, müssen Sie sie in Ihrem benutzerdefinierten Filter hinzufügen, oder eine andere Technik besteht darin, eine Komparatorfunktion zu verwenden. Sie finden weitere Details in meinem Kommentar auf der pull request (18/11/2014) und einen plunker
bearbeiten finden:
Es documented in der Zwischenzeit war.
- 1. So implementieren Sie eine Navigationsleiste in angularjs
- 2. So implementieren Sie Suche wie Stack Overflow
- 3. So implementieren Sie Suche auf mp3
- 4. So implementieren Sie IAsyncOperationWithProgress
- 5. So implementieren Sie eine benutzerdefinierte Standardsortierung mit jQuery-Datentabelle
- 6. So erstellen Sie benutzerdefinierte Ghost API für die Suche
- 7. So implementieren Sie die Suche auf einer Webapp/Website
- 8. Implementieren Sie einen gemeinsamen Elementübergang mit AngularJS
- 9. So implementieren Sie die Suchfunktionalität für benutzerdefinierte Listenansicht
- 10. So implementieren Sie Benutzerprofil mit Token-Auth
- 11. So implementieren Sie benutzerdefinierte Authentifizierung in ASP.NET MVC 5
- 12. So implementieren Sie benutzerdefinierte Muster-Layout in log4j2
- 13. So implementieren Sie den jQuery-Bereichsschieberegler in AngularJS
- 14. So geben Sie den Bildtyp in Google ein Benutzerdefinierte Suche
- 15. So implementieren Sie benutzerdefinierte Async-Validator in Angular2/4/5
- 16. Google Benutzerdefinierte Suche und Google Website-Suche
- 17. So implementieren Sie Angular 1 Form mit Komponente und benutzerdefinierte Überprüfung
- 18. AngularJs Suche mit Dropdown-Filter
- 19. So implementieren Sie jtable mit variabler Zeilenhöhe
- 20. So implementieren Sie einzeilige Ellipsen mit CSS
- 21. AngularJS benutzerdefinierte Modellobjekte mit Methoden?
- 22. So implementieren Sie Gutschein-Zahlung mit Paypal
- 23. So implementieren Sie MiniDrawer mit mikepenz/MaterialDrawer
- 24. So implementieren Sie Swipe mit UIGestureRecognizer-Unterklasse
- 25. So implementieren Sie verknüpfte Liste mit Stack
- 26. So implementieren Sie Standard-Funktionen mit SuiteScript
- 27. So implementieren Sie SAML SSO
- 28. DDD - So implementieren Sie Fabriken
- 29. So implementieren Sie HTTP-Tunneling
- 30. So implementieren Sie Braintree Escrow
Vielen Dank! Ich konnte deinen Code verwenden. Gute Arbeit! – user2543492
- Plunker ist kaputt; und gibt es eine Möglichkeit, extern aus dem Tabellen-DOM zu filtern? http://stackoverflow.com/questions/29261957/angularjs-smart-table-filtering-by-external-control – mg1075