标签: angular-ui-grid

我在$ scope.generateReport函数的开头调用这些代码,希望它一旦我点击按钮就会清除网格上当前显示的数据.不幸的是,它没有清除它.

我想通过使用未定义的值设置它,ui-grid会自动刷新自己,从而清除整个网格.

$scope.generateReport = function() {

    $scope.gridOptions = {};
    $scope.gridOptions.data = undefined;
    $scope.gridOptions.columnDefs = undefined;
    $scope.gridApi.grid.refresh();
    ........
}

// on my html template, I have a button that has an ng-click
// ng-click="generateReport()"

我必须显示两种类型的gridOptions而不使用两个网格尝试动态更改gridOptions不工作(一次工作).

工作示例http://plnkr.co/edit/4QKGIB?p=preview.

$scope.grid1=function(){
   $scope.gridOptions = $scope.gridOptions1;
   $scope.gridApi.core.notifyDataChange(uiGridConstants.dataChange.ALL);
 }
 $scope.grid2=function(){
   $scope.gridOptions = $scope.gridOptions2;
   $scope.gridApi.core.notifyDataChange(uiGridConstants.dataChange.ALL);
 }

有人知道如何自动扩展正在执行分组的UI网格吗？我需要网格打开并启动它完全展开.

他们的API和教程参考文献没有明确解释我的理解.

我的HTML div

<code>
&lt;div id="grid1" ui-grid="resultsGrid" class="myGrid" ui-grid-grouping&gt;&lt;/div&gt;
</code>

我的Javascript

    
    $scope.resultsGrid = {
      ,columnDefs: [
      { field:'PhoneNum', name:'Phone'},
      { field:'Extension', name:'Extension'},
      { name:'FirstName'},
      { field:'DeptDesc', grouping: {groupPriority: 0}} 
      ]
    ,onRegisterApi: function(gridApi)
      {
      $scope.gridApi = gridApi;
      }
    }
    
    

我有一个单页应用程序与角js,猫鼬,快递等.试图使用角度ui网格并有一个错误:

"TypeError:无法在$ get.w.instance(angular.js:8493)的Object.e [as invoke](angular.js:4203)处读取new(ui-grid.js:2967)中未定义的属性'data'. )在角度.js:7739处于r(angular.js:331)处于B(angular.js:7738)处于$ get.c(angular.js:8016)处于g(angular.js:7117)处于B处(角度. .js:7763)at g(angular.js:7117)"

这是我的控制器的一部分:

angular.module('flatCtrl', ['flatService', 'ui.grid'])
    .controller('FlatController', function(Flat, socketio){

        vm = this;

        Flat.allFlat()
            .success(function(data){
                vm.flats = data;
                console.log(vm.flats);
                vm.gridOptions.data = data;

            })

和HTML的一部分:

<div class="col-md-12" ng-controller="FlatController as flat">
        <div ui-grid="gridOptions"></div>

如果我尝试使用vm.gridOptions.data = data成功后没有任何变化.

在console.log(vm.flats)我的所有对象:

[对象,对象,对象,对象,对象,对象,对象]对象] 0:Object1:Object2:Object3:Object4:Object5:Object6:Object7:Object8:Object9:Object10:Object11:Object

所以,在数据中我有数据

如何在角度ui.grid中找到已排序的列和按什么顺序排列.其实我想设置基于服务器的分页.为此,我将params中的数据发送为{pageNumber,pageSize,column,order}.现在如何找到用户已经排序的列(名称/年龄/数字)以及角度ui.grid中的顺序(ASC/DESC)

我的代码如下：

<div class="gridStyle" ng-grid="gridOptions" ng-show="flag"></div>

当我将标志设置为true时，网格将无法正确呈现，如果在键盘上按F12键，则网格可以正确显示！

我希望有一个回调函数,每次单击一个单元格时都会触发该函数.因此,我使用以下回调:

gridAPI.cellNav.on.navigate($scope, function (newRowCol, oldRowCol)

但问题是,当第二次点击相同的单元格时,我无法触发该功能.为此,应选择不同的单元格.因此,only-first-click-on-cell是这样的.

每次点击都可以触发任何回调吗？

我正在使用ui-Grid v 3.0.1.

我有一个特定列的自定义单元格模板,在每行中显示一个按钮.我附加了一个ng-click属性,该属性调用appScope来触发某些操作.

一切都很美妙.

但是,单击自定义模板按钮也会导致选择要查询的行.

我需要防止这种情况发生.

即单击自定义模板按钮应保留当前行的选择状态.

我怀疑我需要以某种方式取消行选择事件.

谁能指出我正确的方向？

vm.gridOptions = {
        data: "vm.myGridData",
        columnDefs: [
            { field: "Col1", displayName: "Col1", width: 100 },
            { field: "Col2", displayName: "Col2", width: 200 },
            { name: " ", cellTemplate: "<div><button ng-click='grid.appScope.displayRecord(row.entity)'><i class='fa fa-search'></i></button></div>" }
        ],
        enableRowSelection: true,
        enableSelectAll: true,
        showGridFooter: true,
        multiSelect: true,
        enableSorting: true,
        enableFiltering: true,
        enableFullRowSelection: true,
        enableRowHeaderSelection: true
    };

只要字段值不是空字符串,我需要在我的ui-grid中显示一个按钮.我尝试过使用ng-if但不起作用.这是我的网格选项中的代码:

  { field: 'ReleaseStatus', 
    width: 125, 
    displayName: 'Release Status', 
    cellTemplate: 
    '<div ng-if="row.entity.ReleaseStatus != """>
        <button id="editBtn" 
            type="button" 
            class="btn btn-default"  
            data-toggle="modal" 
            data-target="#myModal" 
            ng-click="grid.appScope.launch(row)">
            {{COL_FIELD}}
        </button>
    </div>'
   },

没有ng-if按钮显示,效果很好.但是,由于某些记录的字段ReleaseStatus为空字符串,因此不应显示该按钮.

非常感谢任何帮助.

在Angular的ui-grid中,默认行为是对回调进行排队,如何取消/覆盖第一个回调？

$scope.gridApi.selection.on.rowSelectionChanged($scope, function(row){
    alert("Hello #1");
});

$scope.gridApi.selection.on.rowSelectionChanged($scope, function(row){
    alert("Hello #2");
});