ui-grid 相关问题

有关AngularJS的数据网格模块的问题,AngularJS是AngularUI的一部分。

角度用户界面网格垂直滚动水平滚动时向上移动

我正在使用 Angular UI 网格,面临这个问题, 当垂直滚动最后滚动到底部时,如果尝试将水平滚动移动到右上角,则垂直滚动会向上移动 请参考这个

回答 1 投票 0

类型错误:无法读取未定义的属性“核心”

我在尝试将数据绑定到数据网格选项时遇到问题。我读到刷新将有助于加载数据,但是当我添加逻辑时它会出错。 HTML 代码: 我在尝试将数据绑定到数据网格选项时遇到问题。我读到刷新将有助于加载数据,但是当我添加逻辑时它会出错。 HTML代码: <div ng-controller="MainCtrl"> <br /> <b>{{msg}}</b> <div id="grid1" ui-grid="gridOptions" class="grid" ui-grid-pagination></div> </div> JavaScript 代码: var app = angular.module('app', ['ngTouch', 'ui.grid', 'ui.grid.edit', 'ui.grid.pagination']); app.controller('MainCtrl', function($scope, $filter, $http, $timeout) { $scope.gridOptions = { enableSorting: true, enableRowSelection: true, enableRowHeaderSelection: false, enableFiltering: true, selectionRowHeaderWidth: 35, rowHeight: 35, multiSelect: true, enableGridMenu: true, columnDefs: [ { name: 'client' }, { name: 'qa_ver' }, { name: 'qa_build_no' }, { name: 'qa_build_date' }, { name: 'prod_ver' }, { name: 'prod_build_no' }, { name: 'prod_build_date' }, { name: 'prod_deploy_date' }, { name: 'deploy_src' } ], data: 'jsonData', paginationPageSizes: [5, 10, 25, 50], paginationPageSize: 5, } $timeout(function() { getJSONData(); $scope.data = jsonData; $scope.gridOptions.data = $scope.data; }, 3000); $scope.gridOptions = { onRegisterApi: function(gridApi){ $scope.gridApi = gridApi;} } $scope.gridApi.core.refresh(); 抛出错误: TypeError: Cannot read property 'core' of undefined at new <anonymous> (dashboard.html:114) at Object.invoke (angular.js:4625) at $controllerInit (angular.js:10027) at nodeLinkFn (angular.js:8965) at compositeLinkFn (angular.js:8333) at compositeLinkFn (angular.js:8336) at compositeLinkFn (angular.js:8336) at publicLinkFn (angular.js:8213) at angular.js:1715 at Scope.$eval (angular.js:17025) 我认为正确的形式应该是: $scope.gridOptions = { enableSorting: true, enableRowSelection: true, enableRowHeaderSelection: false, enableFiltering: true, selectionRowHeaderWidth: 35, rowHeight: 35, multiSelect: true, enableGridMenu: true, columnDefs: [ { name: 'client' }, { name: 'qa_ver' }, { name: 'qa_build_no' }, { name: 'qa_build_date' }, { name: 'prod_ver' }, { name: 'prod_build_no' }, { name: 'prod_build_date' }, { name: 'prod_deploy_date' }, { name: 'deploy_src' } ], onRegisterApi: function(gridApi){ $scope.gridApi = gridApi; } data: 'jsonData', paginationPageSizes: [5, 10, 25, 50], paginationPageSize: 5, } $timeout(function() { getJSONData(); $scope.data = jsonData; $scope.gridOptions.data = $scope.data; }, 3000); $scope.gridApi.core.refresh(); .. .. . }

回答 1 投票 0

Angularjs:使用 CellTemplate 数据在 ui 网格中排序不起作用

我对 Angular ui-grid 非常陌生。 我正在使用单元格模板显示数据,但排序不起作用。 我想使用“用户名”对该特定列进行排序。 谁能帮我解决这个问题...

回答 2 投票 0

Angular ui-grid 排序不起作用

有谁知道为什么排序在 Angular 的 ui-gird 中不起作用?看起来设置 type: 'string' 和显式启用排序没有影响。 我正在使用 ui-gird v4.0 但它不适用于

回答 1 投票 0

angular-ui/ui-grid - 无需按 shift 即可按多列排序

我有一个使用 ui-grid 的旧 angularjs 项目,我需要在点击时按多列排序。 该功能已经存在,但需要按住 shift 键并单击 o...

回答 0 投票 0

UI Grid gridApi.selection.getSelectedRows()未按选择顺序给出行

我有以下用例可通过'Select All'按钮在ui网格中实现(分页已实现):加载第一页的初始50条记录,其中包括名称,id,年龄列。单击“选择...

回答 1 投票 0

ui-grid columnDefs:如何将单元格内容转换为用户友好的值和数据的功能?

我有这个==> $ scope.uiGrid306 = {rowTemplate:rowtpl,columnDefs:[{字段:'_ab_area',名称:'Area',宽度:“ 7%”,过滤器:{类型:uiGridConstants.filter。 SELECT,...

回答 1 投票 0

[在使用过滤器和服务器端分页时如何处理ng-if指令中的ui-grid totalItems

我认为有这样的代码块: 当前没有数据。要开始使用,请单击&...

回答 1 投票 0

ui-grid:基于列数据动态更改行颜色-使用行模板文件

我有一个服务器数据,其中嵌入了确定行颜色的值。 var ngBody = angular.module('BodySpace',['ui.grid','ngSanitize','ngResource','ui.grid.selection','ui.bootstrap','ui ....

回答 1 投票 0

溢出时隐藏的下拉菜单:隐藏的容器

我正在尝试向ui-grid的每一行添加更多选项,所以我正在实现“ 3点”方法。但是,我遇到了这个问题,因为下拉菜单的位置在屏幕上,所以它出现在屏幕上:...

回答 1 投票 0

ui-grid文本区域在编辑后没有关闭

当我在网格中完成文本区域的编辑后,编辑模式没有关闭。在此Plunker中,如果双击“标题”下的一个单元格,则文本区域将正确打开,但不会关闭...

回答 1 投票 0

如何将两个过滤的ui网格合并为一个

我正在使用angularjs ui grid api。我创建了一个单独的html输入标记,根据用户输入将过滤器应用于所有列。我想过滤每一列然后将结果合并为一个...

回答 1 投票 1

角度动态模板渲染,如ui网格单元模板(在父级的colDefs中声明的模板)

Angular(7)动态模板(ng-template)渲染,如ui网格单元模板(在父级的colDefs中声明的模板);自从超过30天以来,我尝试了很多方式,观看了ng-template渲染......

回答 2 投票 2

angular ui grid gridApi.infiniteScroll.on.needLoadMoreData在数据中更改时不起作用

我正在使用角度ui-grid 3.2.5以下是gridoptions $ scope.gridOptions = {infiniteScrollRowsFromEnd:40,infiniteScrollUp:true,infiniteScrollDown:true,enableColumnMenus:...

回答 1 投票 13

如何在ui-grid angularjs中导出选定的列?

我正在使用UI网格导出功能以csv格式导出网格列。我想让用户选择要导出的列。我的问题是如何在列上进行选择?

回答 2 投票 1

UI-Grid - 如何使用selectAll复选框选择当前页面中显示的记录

在UI网格“全选”复选框中,选中后,选择当前页面中可见的所有记录以及其他页面。问题 - 我们可以选择哪些行...

回答 2 投票 1

在DOM中渲染行之后的ui-grid“renderComplete”事件

我正在使用ui-grid 3.2.1。现在尝试找一个在DOM中呈现行时通知我的事件。我在SO中看了很多,在Github的问题上看了很多。我测试看行是否......

回答 1 投票 0

如何在ui-grid中取消选择/取消选择行

我使用的函数如下:gridApi.selection.clearSelectedRows();但是如何取消选择以下函数事件中的行:gridApi.selection.on.rowSelectionChanged($ scope,function(row){}; ...

回答 2 投票 1

覆盖Ascending Descending函数 - ui-grid

我正在使用网格视图作为报告视图。我需要覆盖Sort Ascending和Sort Descending事件的函数。这是我的gridOptions代码。 var dynamicColumnDefs = _.map(_。keys(res [0]),...

回答 1 投票 0

使用uib-popover作为cellTemplate的Ui-grid

我正在尝试在ui-grid中使用来自ui-bootstrap的uib-popover,但是当我点击popover时,“click”事件会进入我的网格。我设置了一个有这个问题的Plunker:https://next.plnkr.co/plunk / ...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.