kogrid 过滤器不工作 - 使用 plunker答案

【问题标题】：kogrid filter not working - with plunkerkogrid 过滤器不工作 - 使用 plunker
【发布时间】：2016-07-25 14:53:43
【问题描述】：

我正在尝试使用 knockoutjs ko 网格的过滤器功能。有两个问题：

过滤器的下拉菜单显示“选择列”，但列名的末尾会被表格符号覆盖
过滤器功能不工作。当我输入时，数据没有被过滤

我在这里有一个 plunkr：https://plnkr.co/edit/Ibc0WZwyb4melgNDzcUo?p=preview

我也尝试过最基本的网格选项：

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

谁能看看我哪里出错了？

【问题讨论】：

你看过你的控制台输出了吗？首先，vm is not defined。您应该将绑定应用到ViewModel。
对不起，布莱恩，我很困惑。 index.html 的第 24 行是“var vm = new ViewModel();”
我查看的是 script.js，而不是 .html。但是，我仍然在 plunkr 上收到该错误...
您似乎在 script.js 和 .html 中都有绑定。抱歉，我要去上班了，但你可能想看看。如果以后有机会我会回来再看看

标签： javascript knockout.js kogrid

【解决方案1】：

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

以下是更新后的 Plnkr

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

【讨论】：

【解决方案2】：

过滤器ui的问题是因为字段名称和表格符号之间的间距不足。这可以通过更改 kogrid css 文件来解决。不幸的是，我的 css 技能有限，所以我无法在这里分享修复。

【讨论】：