我如何根据选中的选中条件显示网格(刻度线)

时间:2014-07-28 08:32:32

标签: json angularjs checkbox drop-down-menu ng-grid

在html页面中,我显示下拉列表,下拉列表中的项目是动态的,在显示带有复选框的ng-grid数据的下拉列表下方,这些也是动态的,动态下拉列表中有j son数据如

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

在下拉列表中,我只显示了属性"c"值。 动态网格具有动态j子数据

 [
  {
    "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'中未选中的项目与网格匹配,则显示网格,并选中带有光的复选框选择标记。

提交网格下方的按钮后,显示属性值"c":

中唯一选定的粗选项

任何关于如何做和/或代码掠夺者的想法都会非常感激。谢谢!

LIght tick mark for unselected drop down id's match with grid ids

Item 1 selected result

enter image description here

1 个答案:

答案 0 :(得分:0)

因此您需要在gridOptions ...

中指定主键字段
$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'
}