ag-grid是不是在函数内部填充?

时间:2016-03-02 11:15:43

标签: javascript angularjs ag-grid

如果你发现一些愚蠢的话,我在使用agGrid时会有新的原谅。所以在此之前我在angularjs上使用了Kendo Grid,但我们想切换到其他网格,所以我们现在正在尝试使用agGrid。

下面是一个正常工作的一个例子,一切正常。但是,当我在一个函数内部移动我的网格选项时,会在按钮上调用,我点击警告 - 找不到ag-Grid的网格选项。请确保属性ag-grid指向范围内的有效对象。

我无法理解这是什么问题,因为在此功能中,kendo网格选项工作正常并且kendo网格正在填充,但我不确定我做错了什么agGrid。

请帮帮我。

NSString *textToShare = @"Enter your text to be shared";
UIImage * image = [UIImage imageNamed:@"imagename"];

NSArray *objectsToShare = @[textToShare, image];

UIActivityViewController *activityVC = [[UIActivityViewController alloc] initWithActivityItems:objectsToShare applicationActivities:nil];


[self presentViewController:activityVC animated:YES completion:nil];

}

3 个答案:

答案 0 :(得分:4)

如果网格不支持你的gridOptions肯定意味着你的html模板中有拼写错误

检查它必须具有的hml模板

ag-grid="gridOptions2"

注意:如果你使用带控制器的控制器方式,你必须绑定变量而不是$ scope。

如果不是这个添加,你的html和你的路线/状态/导航的任何定义。

答案 1 :(得分:0)

这是角度网格绑定问题。检查范围变量gridOptions。

网格选项功能:

var columnDefs = [
  {displayName: "Make", field: "make"},
  {displayName: "Model", field: "model"},
  {displayName: "Price", field: "price"},
  {displayName: "Price2 ", field: "price2"},
  {displayName: "Test 4", field: "test4"},
  {displayName: "Test 5", field: "test5"},
  {displayName: "Test 6", field: "test6"},
];

var rowData = [
  {make: "Toyota Toyota Toyota Toyota Toyota", model: "Celica", price: 35000, price2: 145, "Test 4": "Test 4", "Test 5": "Test 5", "Test 6": "Test 6"},
  {make: "Acura", model: "Celica", price: 35000, price2: 145, "Test 4": "Test 4", "Test 5": "Test 5", "Test 6": "Test 6"}
];

vm.gridOptions = {
  columnDefs: columnDefs,
  rowData: rowData  
};

工作Plnkr:http://plnkr.co/edit/VRnwnXi6fzyaoJJ1YHOx?p=preview

Correct binding : <div angular-grid="main.gridOptions" class="ag-fresh" style="width: 100%"></div>

错误Plnkr:http://plnkr.co/edit/zb4Vc2lw5VzRzYwsfhL7?p=preview

In-Correct Binding : <div angular-grid="main.gridOptions2" class="ag-fresh" style="width: 100%"></div>

我们更改了从gridOptions到gridOptions2的绑定,它给我们警告:VM769 angular-grid.js:1警告 - 找不到Angular Grid的网格选项。请确保属性angular-grid指向范围上的有效对象。

我认为这应该是明确的疑问。

答案 2 :(得分:0)

@ ranjeet8082您可以打开网格在单击按钮时,您可以编写&#34; gridOptions&#34;在功能方面。所以你也可以在那个时候使用ng加载Html - 首先你可以隐藏html点击只有你可以加载html然后在选项中加载点击功能所以你不会得到任何错误。你可以检查这个plunker。

<div ng-if="vm.gridOptions"  angular-grid="vm.gridOptions" class="ag-fresh" style="width: 100%"></div>

link