javascript - 如何使用 UI Grid 自定义字段的输出

Question

我有一组字段或每行看起来像{inBing:true, inOSM:true, inGoogle:false}。根据这些，我想将这些值表示为字符串，例如“B O”，这意味着 Bing 和 OSM 已启用，而 Google 未启用。

所以我需要遍历这些字段并构建一个输出字符串。

问题是我可以在UI grid中的哪里放置和调用这个函数？

Answer 1

我会为此使用过滤器。

处理您的数据，使其看起来像:

{ field1: value1, field2: value2, searchFlags: { inBing: true, inOSM: false, inGoogle: true } }
{ field1: value2, field2: value4, searchFlags: { inBing: false, inOSM: true, inGoogle: false } }
...

你的columnDefs如下:

columnDefs: [
  { name: 'field1' },
  { name: 'field2' }, 
  { name: 'searchFlags', cellFilter: 'mapFlags' }
];

最后，定义过滤器:

.filter('mapFlags', function( input ) {
  str = '';
  if (v.inBing) str += 'B ';
  if (v.inOSM) str += 'O ';
  if (v.inGoogle) str += 'G';
  return str;
});

http://ui-grid.info/docs/#/tutorial/201_editable中有一个过滤器的例子