我如何根据选中的条件显示网格（勾号）

Question

在 html 页面中，我正在显示下拉菜单，下拉菜单中的项目是动态的，在下拉菜单下方显示带有复选框的 ng-grid 数据，这些也是动态的，动态下拉菜单中有 json 数据作为

[
  {
    "c": "D",
    "l": 1,
    "cId": 1
  },
  {
    "c": "J",
    "l": 2,
    "cId": 3
  },
  {
    "c": "G",
    "l": 3,
    "cId": 1
  }
]

在下拉列表中，我只显示了属性 "c" 值。 动态网格有动态json数据为

 [
  {
    "c": "U t",
    "cC": "Ut",
    "cId": 1
  },
  {
    "c": "Ca",
    "cC": "CA",
    "cId": 2
  },
  {
    "c": "U i",
    "cC": "MN",
    "cId": 3
  }
{
    "c": "U i",
    "cC": "MN",
    "cId": 4
  }
{
    "c": "U p",
    "cC": "Mz",
    "cId": 5
  }
{
    "c": "U r",
    "cC": "Mc",
    "cId": 6
  }
{
    "c": "U h",
    "cC": "Mj",
    "cId": 7
  }




]

在网格中我只显示 vlaue "c": 的属性 如果我在下拉列表中选择"c": "J"，那么如果"cId": 3 与

的 cid 匹配

"c": "U i",
"cC": "MN",
 "cId": 3 

网格中的数据然后显示带有粗选标记选中复选框的网格，并且如果下拉cId's 中未选中的项目与网格匹配，则显示带有选中复选框的网格并带有浅选择标记.

提交网格下方按钮后显示属性值为"c":的唯一粗选项目

任何关于如何做到这一点和/或代码插件的想法将不胜感激。谢谢！

Answer 1

所以你需要在gridOptions中指定primaryKey字段...

$scope.myData = [{name: "Moroni", age: 50, id: 101},
                 {name: "Tiancum", age: 43, id: 102},
                 {name: "Jacob", age: 27, id: 103},
                 {name: "Nephi", age: 29, id: 104},
                 {name: "Enos", age: 34, id: 105}];
$scope.gridOptions ={
    data: 'myData',
    primaryKey: 'id'
}