ui-grid

AngularJS: How to export ui-grid data to excel with custom HTML?

跟風遠走 提交于 2020-01-15 07:16:15
问题 related to this link: AngularJS: How to export ui-grid data to excel? I like this answer but if I have a custom HTMl in grid for example chart : https://plnkr.co/edit/irskqERheTOiFql82QFC?p=preview $scope.gridOptions.columnDefs = [ { field:'name' }, { field:'gender' }, { field: 'spark', cellTemplate: 'sparkline-cell.html', width: 100 } ]; how can I export this cells to Excel. 来源: https://stackoverflow.com/questions/44158461/angularjs-how-to-export-ui-grid-data-to-excel-with-custom-html

Copy the row data on clipboard on select of a row in Angular UI-Grid

£可爱£侵袭症+ 提交于 2020-01-04 08:15:23
问题 I have the requirement of copying the whole row data on clipboard on just select/click of a row. I'm sharing the plunker URL where I'm only able to copy the cell text - http://plnkr.co/edit/EVrB5Ib9ZuqhbAMsV9Eg?p=preview Pseduo Code for Grid Options is as below- *$scope.gridOptions = { data : 'data', enableRowSelection: true, enableFullRowSelection: true, enableHighlighting : true, multiSelect: false, enableRowHeaderSelection: false };* Say, If i click on second row, both 'A1' and 'B1' should

Angular UI Grid Scroll Error

守給你的承諾、 提交于 2020-01-01 01:45:08
问题 I am using ui grid 3.0.6. Until yesterday it was working fine. But there is a problem in Google chrome now.(Version 56.0.2924.87) When I scroll the grid, or click on scroll down arrow it starts scrolling very fast. Couldn't control the speed. It was working fine and only in Chrome. Can anyone help? Thanks in advance. 回答1: Adding this style to my style.css is helped .ui-grid-viewport { overflow-anchor: none; } 回答2: It's may be related to "Scroll Anchoring" feature, that has been enabled by

Selecting group level row on selecting all event on ui-grid

大城市里の小女人 提交于 2019-12-25 04:33:24
问题 I am trying to react on event when user clicks on select all event on header of ui-grid. All rows do get selected, which is expected behavior, but high level group rows are not selected which in my opinion is counter-intuitive for a user. You can see example here: http://embed.plnkr.co/rUsK0LfGF3ws8vhsc9sR/ I know that triggered event is: gridApi.selection.on.rowSelectionChangedBatch($scope,function(rows){ // do something }); But when I iterate through rows passed to function I don't see the

AngularJS ui-grid row select limit

孤街醉人 提交于 2019-12-24 00:19:42
问题 I want to limit the selection in my ui-grid to 10. In my gridOptions I do onRegisterApi: function (gridApi) { $scope.gridApi = gridApi; gridApi.selection.on.rowSelectionChanged($scope, function (row) { $scope.rowsSelected = $scope.gridApi.selection.getSelectedRows(); $scope.countRows = $scope.rowsSelected.length; if ($scope.countRows === 10) { // disable option to select rows now } }); } but now I don't know how to disable this option... thanks for any help! 回答1: A possible solution, albeit a

UI-GRID column summation on checkbox change

℡╲_俬逩灬. 提交于 2019-12-23 22:33:34
问题 Does anyone know why when I click on different radio values multiple times, my Dynamic Total value changes drastically? The code below should automatically select the column of checkboxes according to the radio buttons. Not sure why there would be miscalculations. switch($scope.ChangeAll.name) { case 'x': row.xBox = true; row.yBox = false; row.zBox = false; break; case 'y': row.xBox = false; row.yBox = true; row.zBox = false; break; case 'z': row.xBox = false; row.yBox = false; row.zBox =

UI-grid wrap-text in each cell [closed]

岁酱吖の 提交于 2019-12-13 08:34:58
问题 Closed . This question needs to be more focused. It is not currently accepting answers. Want to improve this question? Update the question so it focuses on one problem only by editing this post. Closed 12 months ago . using angularjs UI-grid,i have increased the rowHeight of the gird. I need to wrap the text in each cell and i need to get rid of the text turnacation. example http://plnkr.co/edit/9aoV9rkjf9eKpTjcAaC5?p=preview word wrap need to be done in name and description column. 回答1: You

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

Why am I not getting any values displayed in my ui-grid dropdown?

时光怂恿深爱的人放手 提交于 2019-12-12 03:47:51
问题 I have this following code for ui-grid column Definition: { name: "carrier_influence_group", displayName: "Carrier influence group", enableCellEdit: true, showSortMenu: false, editableCellTemplate: 'ui-grid/dropdownEditor', editDropDownOptionsArray: [ { id: 11, value: 'Medium' }, { id: 12, value: 'Large' }], editDropdownIdLabel: 'id',editDropdownValueLabel: 'name'} I am binding the name of these object to the column. Every thing is fine normally. The grid as such renders correctly. But when I