标签: angular-ui-grid

角度ui网格行选择

我正在使用角度ui.grid我的问题是当我使用下面的单击它所选择的行时

enableRowSelection: true,
enableRowHeaderSelection: false,
multiSelect: false 
Run Code Online (Sandbox Code Playgroud)

我换了之后

enableRowSelection: true,
enableRowHeaderSelection: true,
multiSelect: false 
Run Code Online (Sandbox Code Playgroud)

现在只选择复选框工作,但没有工作点击行请帮助...

angularjs ng-grid angular-ui-grid

4
推荐指数
2
解决办法
2万
查看次数

如何在角度ui网格外放置分页?

这是我的代码

var app = angular.module('app', ['ngTouch', 'ui.grid', 'ui.grid.pagination']);

app.controller('MainCtrl', [
'$scope', '$http', 'uiGridConstants', function($scope, $http, uiGridConstants) {

  var paginationOptions = {
    pageNumber: 1,
    pageSize: 25,
    sort: null
  };

  $scope.gridOptions = {
    paginationPageSizes: [25, 50, 75],
    paginationPageSize: 25,
    useExternalPagination: true,
    useExternalSorting: true,
    columnDefs: [
      { name: 'name' },
      { name: 'gender', enableSorting: false },
      { name: 'company', enableSorting: false }
    ],
    onRegisterApi: function(gridApi) {
      $scope.gridApi = gridApi;
      $scope.gridApi.core.on.sortChanged($scope, function(grid, sortColumns) {
        if (sortColumns.length == 0) {
          paginationOptions.sort = null;
        } else …
Run Code Online (Sandbox Code Playgroud)

angularjs angular-ui-grid

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

使用angular-ui-grid预先选择加载的行

我想在页面加载时选择某些行(工作日)

在此输入图像描述

这是掠夺者 plnkr.co/edit/48NyxngWNGIlOps1Arew?p=preview

有什么建议吗?

angularjs angular-ui-grid

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

AngularJS ui-grid问题与cellTemplate中的指令

我头疼了!这似乎是一个相当简单的问题......我正在使用ui-grid角度控件,我试图在cellTemplate中使用自定义指令.我可以成功地在那里得到它,但问题是我无法正确绑定到指令.我可以绑定属性,但不能绑定父级的函数.当我尝试访问已绑定的父函数时,我得到一个未定义的对象错误.

据我所知,我正确设置了绑定和单元格模板:

//in columndefs:
{
        name: 'item', displayName: 'Status',
        width: 200, cellTemplate: '<dropdowncss item="row.entity[col.field]" do-drop="dropdowncombo"></dropdowncss>'
},

//directive declaration:
app.directive('dropdowncss', function () {
    return {
        restrict: 'E',
        scope:
            {
                item: '=',
                doDrop: '&'
            },
        controller: 'DropDownCSSCtrl',
        templateUrl: 'dropdowncss.html'
    };
Run Code Online (Sandbox Code Playgroud)

当您单击其中一个彩色下拉菜单时,它应提醒"成功"请在此处查看简单的plunker:

http://plnkr.co/edit/HuuxxgV1GoWzfWlUvafw?p=preview

任何帮助,将不胜感激.谢谢!

angularjs angular-ui-grid

3
推荐指数
1
解决办法
6973
查看次数

外部范围不再适用于ui-grid

我正在将ui-grid从v3.0.0-RC.18升级到v3.0.0-rc.20-76029e7,突然外部作用域属性停止工作.它有什么替代品?

angular-ui-grid

3
推荐指数
1
解决办法
4808
查看次数

Angularjs ui-grid排序表根据给定的列名称

我正在使用ui-grid版本v3.0.0-rc.21-1d9f81f - 2015-05-01并尝试根据给定的列名对给定的网格进行排序.我不能在外部(从javascript代码)对它进行排序,只能通过定义它并单击网格的标题.

在这个版本中是否可以通过javascript代码根据网格的列名对网格数据进行排序?

angularjs angular-ui-grid

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

将排序应用于网格时的ui-grid scrollToFocus

我在尝试使用scrollToFocus方法将焦点设置在网格的第一行时遇到问题。

问题似乎集中在排序方向上:

 sort: {
    direction: uiGridConstants.DESC
 }  
Run Code Online (Sandbox Code Playgroud)

如果我不这样做,那么它会按预期工作。我只能假设行号是数据在排序之前的行,并且不考虑任何“后”排序。

这是问题的一个示例:http : //plnkr.co/edit/beWci0?p=preview

您会看到,单击以选择第一行时,它实际上会转到另一行-网格绑定到的数据集中的第一行。

关于如何根据排序结果考虑行位置的任何想法?

它是从这里整理示例的地方整理而来的:http : //ui-grid.info/docs/#/tutorial/202_cellnav

angularjs angular-ui-grid

3
推荐指数
1
解决办法
1920
查看次数

如何以编程方式更新ui-grid中的排序指标?

我正在使用ui-grid-v3.0.0-rc.22-2015-06-15。

它配置为使用外部排序,效果很好。

现在,我需要使用选择框从外部更改已排序的列。选择框的每次更改都会触发外部排序,并且网格中的数据会正确更新。它还更新了gridOptions.columnDefs:将除正确列之外的所有列的排序对象设置为undefined,并更新已排序的列。

但是有一个问题,当前排序的列指示符(在列标题中)没有得到应有的更新。

我尝试使用带有“ options”或“ column”作为参数值的gridApi.core.notifyDataChange(),但是它也不起作用。如何以编程方式更新ui-grid中的排序指标?

这是由选择框触发的部分代码:

    function updateSortColumn() {
        if ($rootScope.QuickSearch.sortBy !== undefined) {
            $scope.gridOptions.columnDefs.forEach(function (col) {
                if (col.field === $rootScope.QuickSearch.sortBy) {
                    col.sort = {
                        direction:  $rootScope.QuickSearch.sortOrder,
                        priority: 0
                    };
                }
                else
                {
                    col.sort = undefined;
                }
            });
        }
        if($scope.gridApi !== undefined)
        {
            $scope.gridApi.core.notifyDataChange( uiGridConstants.dataChange.OPTIONS );
            $scope.gridApi.core.notifyDataChange( uiGridConstants.dataChange.COLUMN );
        }
    }
Run Code Online (Sandbox Code Playgroud)

angularjs angular-ui-grid

3
推荐指数
1
解决办法
4118
查看次数

在Angular UI Grid中导出为CSV时更改文件名

我们在out project项目中使用Angular UI Grid.我需要将当前日期放在文件名中并导出CSV数据.我现在在"导出"按钮上执行的操作点击:

$scope.exportCSV = function () {
     $scope.gridOptions.exporterCsvFilename = getDate() + ".csv";
     $scope.gridApi.exporter.csvExport("all", "visible");
};
Run Code Online (Sandbox Code Playgroud)

问题是文件名只配置一次,在下次点击时不会改变.如何重新设置文件名?

angularjs angular-ui-grid

3
推荐指数
1
解决办法
5928
查看次数

Angular UI-Grid和D3图连续

我想知道你是否有任何将图形注入ui-grid的经验.我正在做的是,我有一行定义如下:

  { name:'Column Name', cellTemplate: '<spark-line-chart values="grid.appScope.valuesStacked"></spark-line-chart>'}
Run Code Online (Sandbox Code Playgroud)

Spark-line-chart指令负责创建D3图表(实际上,nvd3是精确的).这会创建svg图.

现在,每次我尝试对表进行排序时,除了图表之外,表中的所有值都会被排序.到目前为止,我正在模拟数据,并为所有图形使用一个值数组.

任何人都有类似的问题,并知道这个问题的答案?

d3.js angularjs nvd3.js angular-ui-grid

3
推荐指数
1
解决办法
1196
查看次数

标签 统计

angular-ui-grid ×10

angularjs ×9

d3.js ×1

ng-grid ×1

nvd3.js ×1