angular-ui-grid

How to customize the export grid menu on angular-ui-grid?

由 五迷三道 提交于 2019-12-14 03:54:40
问题 I have a grid that has an external "Show Details" option which would add more columns to the grid. The issue is the "Export all data" vs "Export visible data" which becomes deceiving at this point. I understand that visible data is what data gets loaded, but in this case, all the data gets loaded at once. Therefore, users would think that "visible data" would be what they are seeing and "all data" would also include the columns that gets added when "show details" is clicked which

Use AngularJS ui-grid with table

由 六眼飞鱼酱① 提交于 2019-12-13 07:53:00
问题 I am using AngularJS ui-grid in my aplication. I have some table for example with 50-100 rows, nevermind. Now i want to use ui.grid.autoresize module which will dinamically resize the grid(table) with no need of scrolling. I am using help from here Angular ui-grid dynamically calculate height of the grid I tried to put ui-grid properties in table tag, also in div tag... but it's now working. You can view my example below. Controller view <div class="panel> <div class="panel-heading">{

Angular ui-grid Set Filter at Runtime

由 和自甴很熟 提交于 2019-12-13 07:38:03
问题 I'm having trouble setting a column filter at runtime via user interaction. Here's my attempt: http://plnkr.co/edit/Ynesaq5o3HNsF5r8rXQf?p=preview $scope.setFilter = function() { $scope.gridApi.grid.columns[1].filters[0] = { condition: uiGridConstants.filter.EXACT, placeholder: '', term: 'female' }; $scope.gridApi.core.notifyDataChange(uiGridConstants.dataChange.ALL); $scope.gridApi.grid.refresh(); } The field is set and the term is added to the field but the data is not refreshed. Any ideas?

Is it possible to remove row header column from angular ui-grid?

由 ☆樱花仙子☆ 提交于 2019-12-13 07:32:43
问题 I want to show and hide row header column in angular ui-grid, on button click. Now I can add row header column using addRowHeaderColumn method from gridApi core. But I don't see any method to remove it (or hide it). Is this possible? 回答1: showHeader:false in latest version in ui-grid 来源： https://stackoverflow.com/questions/46074605/is-it-possible-to-remove-row-header-column-from-angular-ui-grid

Angular UI-Grid Pivot

由 我们两清 提交于 2019-12-13 06:51:40
问题 I have a collection of these Javascript objects: (Displayed as a DTO) public class ParameterValueDTO : DataTransferObject { public int Id { get; set; } public String Comments { get; set; } public String Description { get; set; } } By default, AngularJS UI-Grid will create a row for each ParameterValue object with 3 columns: Id, Comments, Description which works fine. IMAGE: Standard objects mapping to table What I would like to do however is create a column for each object's "Comments" value

How can I access UI-Grid isolate scope from outside?

由 左心房为你撑大大i 提交于 2019-12-13 05:34:30
问题 There is a button outside of angular UI grid. I would like to call a function on "Default" button click and post grid object parameter to the callback function. There is a second example as well. But instead of posting grid object to the buttons inside of the grid I would like to post the grid object to the button outside of the grid. To cut a long story short I would like to have an edit button outside of the grid (select one row mode is turned on) instead of adding a column of edit buttons

Angular Ui grid Coloumndefs bug

由 心不动则不痛 提交于 2019-12-13 04:52:40
问题 When i am using the following code, this is working fine <!doctype html> <html ng-app="app"> <head> <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.js"></script> <script src="ht tp://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular-touch.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular-animate.js"></script> <script src="http://ui-grid.info/docs/grunt-scripts/csv.js"></script> <script src="http://ui-grid.info/docs/grunt

How to prevent Row selection on custom elements click in UI-GRID

由 人盡茶涼 提交于 2019-12-13 02:17:24
问题 I'm facing a problem in using UI-GRId with row selection and custom cell elements: The sample plunker is here : http://plnkr.co/edit/Ed6s6CGFGXyUzj2cyx2g?p=preview $scope.gridOptions = { showGridFooter:true,enableRowSelection: true, enableRowHeaderSelection: false }; $scope.gridOptions.columnDefs = [ { name: 'id' }, { name: 'name'}, { name: 'age', displayName: 'Age (not focusable)', allowCellFocus : false }, { name: 'address.city' }, { name:'address.pin',cellTemplate:'<select><option value=

How to handle dynamic dropdowns for ui-grid?

由 别说谁变了你拦得住时间么 提交于 2019-12-12 22:21:49
问题 I’m trying to add a dropdown to my “Type” column where I can select either x, y, or z. When I select x, y, or z in the dropdown, the checkboxes for the x, y, z columns don’t change. However, when I check the either x,y or z checkboxes, the downdrop value in the “Type” column changes { name: 'Type', displayName: 'Type', width: '7%',field:'getType()', editableCellTemplate: 'ui-grid/dropdownEditor', editDropdownValueLabel: 'Type', enableCellEdit: true }, Here's my plunker: https://plnkr.co/edit

AngularJS ui-grid get filtered rows in despite of pagination

由 守給你的承諾、 提交于 2019-12-12 19:13:08
问题 Is there any solution for get all filtered rows from ui-grid even we are using pagination? I know that there is a method $scope.gridApi.core.getVisibleRows($scope.gridApi.grid); which returns all visible rows on page. But this method doesn't help when filtered data is more then one page. 回答1: I didn't find any Documentation about filter data so the way I used is fully manual. Lets grab active filters we have: function getGridUiFilters(){ var filters_ = _.filter($scope.gridApi.grid.columns,
订阅 angular-ui-grid