目前有一个未解决的问题将服务器端排序/过滤添加到 angular-grid 项目。有没有人找到使用当前网格实现来实现此功能的解决方法?哈克与否,我仍然会接受它。
我正在尝试使用角度网格(ag-grid)来显示文档中提供的示例中的树:
http://www.angulargrid.com/example-file-browser/index.php
在给定的示例中,已经提供了所有数据.扩展行组时如何使用异步数据加载?我的猜测是我需要编写自己的组行渲染器.
我正在使用Angular Grid(ag-grid)显示数据。我试图在我的角度网格中显示嵌套的json数据。但是我没有成功。
以下是示例json数据和colDefs。请提出为什么点运算符不像jqgrid那样不起作用的原因,以映射带有嵌套json字段的网格列。
var app = angular.module('myApp', ['ngGrid']);
app.controller('MyCtrl', ['$scope', '$http',
function($scope, $http) {
$scope.myData = [{
"defaultColumns1": {"region":"PA"},
"defaultColumns2": {"LocationName": "loc1",
"LegalName": "legName1"
}
},
{
"defaultColumns1": {"region":"PB"},
"defaultColumns2": {"LocationName": "loc2",
"LegalName": "legName2"
}
}];
$scope.gridOptions = {
data: 'myData',
columnDefs: [{
field: 'defaultColumns1.region',
displayName: 'Region'
}, {
field: 'defaultColumns2.LocationName',
displayName: 'Location',
headerGroup: 'address'
}, {
field: 'defaultColumns2.LegalName',
displayName: 'Legal Name',
headerGroup: 'address'
}],
enableColumnResize: true,
groupHeaders : true
}
}]);
Run Code Online (Sandbox Code Playgroud)
index.html
<!DOCTYPE html>
<html ng-app="myApp">
<head lang="en">
<meta …Run Code Online (Sandbox Code Playgroud) 我正在使用ag-grid来生成一些表.到目前为止它一直很棒.但是我在排序方面遇到了一些困难,因为我的表有一些小写的数据,我希望我的排序函数忽略大小写并对它们进行排序只是区分大小写.
可以完成这项工作的两个功能是cellRenderer和sort函数.
cellRenderer函数:
cellRenderer: function(params) {
if (params.value=='Police') {
return 'POLICE';
} else {
return params.value.toUpperCase();
}
}
Run Code Online (Sandbox Code Playgroud)
排序功能:
$scope.sortByAthleteAsc = function() {
var sort = [
{field: 'athlete', sort: 'asc'}
];
$scope.gridOptions.api.setSortModel(sort);
};
Run Code Online (Sandbox Code Playgroud)
这是提供的两个例子.如何连接这两个函数以生成表格不区分大小写的排序?