Le filtre kogrid ne fonctionne pas - avec plunker

J'essaie d'utiliser la fonctionnalité de filtre de la grille knockoutjs ko. Il y a deux problèmes:Le filtre kogrid ne fonctionne pas - avec plunker

le menu déroulant du filtre montre « Choisissez colonnes », mais la fin des noms de colonnes sont remplacés par un symbole de table
la fonctionnalité de filtrage ne fonctionne pas. Comme je tape les données ne filtre

J'ai un plunkr pour cette ici: https://plnkr.co/edit/Ibc0WZwyb4melgNDzcUo?p=preview

J'ai aussi essayé avec les plus élémentaires des options de grille:

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

Quelqu'un peut-il voir où je me suis trompé s'il vous plaît?

Source

2016-04-05 Rob Bowman

Avez-vous regardé votre sortie de la console? pour commencer, 'vm n'est pas défini'. Vous devriez appliquer vos liaisons à 'ViewModel'. – brianlmerritt

Désolé Brian, je suis confus. La ligne 24 de index.html est "var vm = new ViewModel();" –

Je regardais script.js, pas le .html. Cependant, je reçois toujours cette erreur sur le plunkr ... – brianlmerritt

Le problème avec le filtre ui est dû à un espacement insuffisant entre le nom du champ et un symbole de table. Cela peut être corrigé en changeant le fichier kogrid css. Malheureusement, mes compétences CSS sont limitées, donc je ne suis pas en mesure de partager le correctif ici.

Source

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;}

est inférieure à la Plnkr mise à jour

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

Source

2016-04-21 06:51:16 krishna

Merci Krishna - fonctionne très bien :) –

Le filtre kogrid ne fonctionne pas - avec plunker

Répondre

Questions connexes