标签: angular-grid

如何在 angular-grid 中进行服务器端排序/过滤?

目前有一个未解决的问题将服务器端排序/过滤添加到 angular-grid 项目。有没有人找到使用当前网格实现来实现此功能的解决方法?哈克与否,我仍然会接受它。

angularjs angular-grid

5
推荐指数
1
解决办法
1万
查看次数

使用异步数据加载在角网格(ag-grid)中创建树

我正在尝试使用角度网格(ag-grid)来显示文档中提供的示例中的树:

http://www.angulargrid.com/example-file-browser/index.php

在给定的示例中,已经提供了所有数据.扩展行组时如何使用异步数据加载?我的猜测是我需要编写自己的组行渲染器.

angularjs angular-grid

5
推荐指数
1
解决办法
4943
查看次数

在ag-grid中显示嵌套的json

我正在使用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)

javascript json angularjs angular-grid

5
推荐指数
2
解决办法
7908
查看次数

Angulargrid中的自定义排序 - 排序不区分大小写

我正在使用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)

这是提供的两个例子.如何连接这两个函数以生成表格不区分大小写的排序?

sorting angularjs angular-grid

4
推荐指数
1
解决办法
2739
查看次数

标签 统计

angular-grid ×4

angularjs ×4

javascript ×1

json ×1

sorting ×1