如何有一个淘汰网格显示标题和基于下拉结果的数据

How to Have a Knockout Grid Display Header and Data Based on a Dropdown Result

本文关键字:于下拉 结果 数据 标题 有一个 淘汰 网格 显示      更新时间:2023-09-26

我需要制作一个网格显示数据,用户可以使用敲除法根据下拉菜单选择该数据。例如,如果我的数据集是:

{"Data":[{"Avg. Number of Insects":9, "Percent of Damage to Leaves":67.5},{"Avg. Number of Insects":8, "Percent of Damage to Leaves":33.9},{"Avg. Number of Insects":10, "Percent of Damage to Leaves":10.4},{"Avg. Number of Insects":10, "Percent of Damage to Leaves":21.6}]}

我有下拉菜单供学生选择他们想要使用的变量(通常会有两个以上),并希望根据他们选择的变量显示实际数据。我尝试从simpleGrid开始,但它似乎对页眉和行的更改没有响应。

以下是JSFiddle:http://jsfiddle.net/anyaejohnson/z2cma7ya/7/

要填充页眉,只需按照下面的示例操作:http://knockoutjs.com/examples/cartEditor.html但是,不要使用类别中的数据来填充产品,而是使用类别来填充一个可观察的数组,该数组绑定到头部