Kogrid-Filter funktioniert nicht - mit Plombier

Ich versuche, die Filterfunktion des KO-Gitternetzes zu nutzen. Es gibt zwei Probleme:Kogrid-Filter funktioniert nicht - mit Plombier

der Drop-down für den Filter zeigt „Spalten auswählen“, aber das Ende der Spaltennamen werden durch ein Tabellensymbol überschrieben
die Filterfunktion nicht funktioniert. Da ich den Datentyp nicht

habe ich eine plunkr für diese hier: https://plnkr.co/edit/Ibc0WZwyb4melgNDzcUo?p=preview

Ich habe auch mit den einfachsten Rasteroptionen versucht:

this.gridOptions = { 
    data: self.myData, 
    enablePaging: true, 
    pagingOptions: self.pagingOptions, 
    filterOptions: self.filterOptions 
};

Kann jemand bitte sehen, wo ich falsch gelaufen bin?

Quelle

2016-04-05 Rob Bowman

Haben Sie an der Konsole ausgegeben geschaut? Für den Anfang ist 'vm nicht definiert '. Sie sollten Ihre Bindungen auf 'ViewModel' anwenden. – brianlmerritt

Sorry Brian, ich bin verwirrt. Zeile 24 von index.html ist "var vm = new ViewModel();" –

Ich schaute auf script.js, nicht auf die .html. Allerdings bekomme ich immer noch diesen Fehler auf der Plunk ... – brianlmerritt

Das Problem mit dem Filter ui liegt an einem zu geringen Abstand zwischen dem Feldnamen und einem Tabellensymbol. Dies kann durch Ändern der Kogrid CSS-Datei behoben werden. Leider sind meine CSS-Fähigkeiten begrenzt, daher kann ich den Fehler hier nicht teilen.

Quelle

2016-04-21 06:40:09

li.kgColListItem { 
    width: 100% !important; 
} 
li.kgColListItem label{ width:100%; float:left;} 
.kgColList{ margin:0; padding:0 0 0 20px;} 
.kgGroupIcon{ cursor:pointer;}

Im Folgenden finden Sie die aktualisierte Plnkr

https://plnkr.co/edit/1jN4kc0yGZZX5bk0as1t?p=preview

Quelle

2016-04-21 06:51:16 krishna

Danke Krishna - funktioniert super :) –

Kogrid-Filter funktioniert nicht - mit Plombier

Antwort

Verwandte Themen