select - 淘汰赛 - 根据选择/下拉选择更新 UI（过滤数据）？

Question

如何根据选择/下拉菜单中的选择更新此 UI？

例如，如果我从选择/下拉列表中选择一个成员名称，我希望表格更新/过滤以仅显示那些成员行（成员名称在最右列）及其相应的日期标题（灰色背景）。

如果我从选择/下拉列表中选择提供者名称），我希望表格更新/过滤以仅显示那些提供者行（左列中的提供者名称）及其相应的日期标题（灰色背景）。

我正在使用 KO 映射插件。虚拟数据是硬编码的，最终会通过 ajax 返回。

这是所有代码的一部分（它们都只是内联在 HTML 窗格中）。如果需要，您也可以复制/粘贴它并在本地运行它。

http://jsfiddle.net/qBGTh/

非常感谢任何帮助/指导！

Answer 1

我的建议是在eob级别使用计算值返回过滤后的数组。要在映射过程中添加此计算值，您必须使用映射选项参数中的创建回调自定义eob对象创建（请参阅映射文档）

这是更新的小提琴，可以看到它的实际效果。

另外不要忘记再添加 2 个 observables 来捕获 2 个选择元素的当前值。计算值将取决于这 2 个 observables。

注意：提供的小提琴不会在 IE 上运行，因为映射javascript所在的 github 不会返回 IE 所需的内容类型标头。