knockout -根据选择/下拉选项更新UI (过滤数据)？
knockout -根据选择/下拉选项更新UI (过滤数据)？
提问于 2012-09-20 03:55:55
如何根据选择/下拉菜单中的选择来更新此UI？
例如，如果我从select /下拉列表中选择一个成员名称，我希望表更新/筛选只显示那些成员行(成员名称在最右侧的列中)及其对应的日期标题(灰色背景)。
如果我从选择/下拉菜单中选择一个提供程序名称，我希望表更新/筛选以仅显示那些提供程序行(左列中的提供程序名称)及其相应的日期标题(灰色背景)。
我正在使用KO映射插件。虚拟数据是硬编码的，最终将通过ajax返回。
下面是所有代码的一部分(它们都是内联在HTML窗格中的)。如果你愿意，你也可以复制/粘贴并在本地运行它。
http://jsfiddle.net/qBGTh/
任何帮助/指导都非常感谢！
回答 1
Stack Overflow用户
回答已采纳
发布于 2012-09-20 04:44:19
我的建议是使用eob级别的计算值返回过滤后的数组。要在映射过程中添加此计算值，必须使用映射选项参数中的create回调来自定义eob对象创建(请参见mapping doc)
下面是更新后的fiddle，可以看到它的实际效果。
另外，不要忘了添加另外两个可观察对象，以捕获两个选择元素的当前值。计算值将取决于这两个观察值。
注意:提供的小提琴将不会在IE上运行，因为github所在的位置映射javascript不会返回IE所需的内容类型标头。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/12501939
复制相关文章
相似问题
腾讯云开发者
