by

Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • 08:45
    Hardhik edited #7095
  • 08:45
    Hardhik edited #7095
  • 08:39
    Hardhik opened #7095
  • Jul 06 08:34
    RajalakshmiSK07 opened #7094
  • Jul 05 04:32
    stale[bot] closed #7081
  • Jul 05 04:32
    stale[bot] commented #7081
  • Jun 30 09:45
    nandoflorestan commented #6835
  • Jun 30 09:43
    nandoflorestan commented #4020
  • Jun 30 07:45
    Hardhik opened #7093
  • Jun 29 18:59
    Travis angular-ui/ui-grid (master) still failing (4750)
  • Jun 29 18:46

    mportuga on master

    update angular to 1.8.0 1. upd… (compare)

  • Jun 29 18:46
    mportuga closed #7090
  • Jun 29 15:16
    caok2709 commented #7090
  • Jun 29 07:44
    Prox4 opened #7092
  • Jun 28 13:02
    stale[bot] labeled #7083
  • Jun 28 13:02
    stale[bot] commented #7083
  • Jun 27 22:46
    caok2709 opened #7091
  • Jun 27 22:44
  • Jun 27 22:43
    caok2709 edited #7090
  • Jun 27 22:42
    commit-lint[bot] commented #7090
Jörg Hohwiller
@hohwille
@yosiasz I know its OSS and MIT-License, be changing the license and modifying the code is not always easy due to legal constraints. I know that I can add the ASL 2.0 header on top of MIT header and should be fine. However, I thought some of the original authors are hanging around here and could say a word about my plans and what they think. If the official authors are informed and agree I feel much more safe proceeding. I have already done the same for other OSS activities and do not like to do such major activities without dropping by and having a chat.
earagol
@earagol
hi, does anyone know what is the event that is executed before exporting to CSV or XLSX? I need to manipulate a date field that fails before exporting.
Yosi
@yosiasz
@earagol why not the fix the date in source? What kind of date is it
askhan
@ask-khan
Hi Everyone thank you for this amazing plugin I just wanted to know that do ui-grid give support to angular2+ versions as well?
Yosi
@yosiasz
@ask-khan no. http://ui-grid.info/
topjobstar0605
@topjobstar0605
Hi, every one what is difference between Angular8 and Angular7?
Are they same and just version difference?
Yosi
@yosiasz
@topjobstar0605 might be better answered in the angular channel
angular
angular
Yosi
@yosiasz
@topjobstar0605 Sorry meant to post this https://gitter.im/angular/angular
AntoJosh
@AntoJosh
Hi Everyone!
How to make row editable when button is clicked & How add the row in the grid also how to force the user to enter the value in the added row using the latest version of UI-Grid. Please share your ideas!
Jeff Grossman
@jeffgrossman
@AntoJosh Have a look at these tutorials re making a row editable: http://ui-grid.info/docs/#!/tutorial/Tutorial:%20201%20Edit%20Feature and http://ui-grid.info/docs/#!/tutorial/Tutorial:%20205%20Row%20Edit%20Feature . You add a row using normal javascript calls (push, unshift, etc.) on the data array that underlies the grid. There are different ways to force the user to enter a value depending on how sophisticated your data-check needs to be: for simple stuff, maybe just a validator http://ui-grid.info/docs/#!/api/ui.grid.validate.directive:uiGridValidate but for complex stuff you'll create an editableCellTemplate to grab the user's entry http://ui-grid.info/docs/#!/api/ui.grid.edit.directive:uiGridCell (and related).
Prox4
@Prox4
Hi Everyone,
I want to show additional details for a row. I see from documentation , it can be achieved using expandable grid .But that feature is still in alpha. Is it safe to use it? Or is there any other feature to show additional details?
Jeff Grossman
@jeffgrossman3000
@Prox4 I have never tried the 'expandable' feature. You might try headerTooltip or cellTooltip: a function can return an appropriate value for the column or cell being hovered over. See http://ui-grid.info/docs/#!/api/ui.grid.class:GridOptions.columnDef
Prox4
@Prox4
@jeffgrossman3000 Thanks for the reply. I want subGrid with rows to be visible on expanding the main row, not the information shown on hover.
Derek
@derekli-NJ
Does anyone have experience with getting importing data working locally? I'm new to Angular and am just trying to get the example code to work on my machine
Jeff Grossman
@jeffgrossman3000
@derekli-NJ I seem to recall that I had trouble with it, too. I resorted to adding a parsing package. This is old but it's what I used: https://libraries.io/bower/csv-js
AntoJosh
@AntoJosh

@AntoJosh Have a look at these tutorials re making a row editable: http://ui-grid.info/docs/#!/tutorial/Tutorial:%20201%20Edit%20Feature and http://ui-grid.info/docs/#!/tutorial/Tutorial:%20205%20Row%20Edit%20Feature . You add a row using normal javascript calls (push, unshift, etc.) on the data array that underlies the grid. There are different ways to force the user to enter a value depending on how sophisticated your data-check needs to be: for simple stuff, maybe just a validator http://ui-grid.info/docs/#!/api/ui.grid.validate.directive:uiGridValidate but for complex stuff you'll create an editableCellTemplate to grab the user's entry http://ui-grid.info/docs/#!/api/ui.grid.edit.directive:uiGridCell (and related).

**Thanks for the reply @jeffgrossman3000

#1 . Row Edit : The tutorial link that you gave me is allowing to edit by a cell not by a entire row. What we are looking, I have one "edit button" in the last cell of the row. So when i click this button i want this row should be editable in the all field on this row.

#2 : I can able to add the row by normal JavaScript in the UIGrid but what we are expecting, We have one button called add on the outside of the grid and when we i click on that we want to add the one row on the top of the grid and all field on the row force to user to fill the details. means like user input filed are editable .

Please look the link provided below and the feature we are looking in the UIGrid.
http://bdb-opensource.github.io/simple-grid/demo/index.html**

Yosi
@yosiasz
@AntoJosh Look into enableCellEdit settings per column.
AntoJosh
@AntoJosh
Thanks for the reply @yosiasz ,
I have tried but i'm not able to get the expected results. While click on the image of row that's already enableCellEdit: false so i'm able to trigger the event.
Please look this
https://plnkr.co/edit/VO6F3vlOOwaudfi3RSVA?preview
we are expecting this feature but this one is not working in the latest UIGrid version. Please expand the Plunker so that will see the edit button in the each row
Yosi
@yosiasz
@AntoJosh on your plunkr, I clicked on the Edit button and everything is enabled for edit. Isn't that the expected behavior?
AntoJosh
@AntoJosh
Yes @yosiasz but its not working the latest version. Both AngularJS and ui-grid.js pointing very older version.Please check it. i have re-pointed to latest version but it's not working row edit feature. that was my concerns here! Please help me out!
Yosi
@yosiasz
is the latest version = stable?
Yosi
@yosiasz
@AntoJosh where did you find documentation to do the followin?
ng-if="row.inlineEdit.isEditModeOn" ng-click="row.inlineEdit.saveEdit($event)"
AntoJosh
@AntoJosh
have you notice that this also pointing to the older version https://embed.plnkr.co/6XplBZUjfJXpwNuqVw2j/ @yosiasz
I don't have any document for the row.inlineEdit.isEditModeOn. I have found only that Plnkr
The Inline/Row edit feature is not working in the UIGrid latest version
Yosi
@yosiasz
ah, I see what you mean now! Sorry. what version of angularJS are you using?
AntoJosh
@AntoJosh
Hi @yosiasz , We are pointing/using the angularJS latest version i.e. v1.8.0 and if row edit feature support v1.7.0+ then its also fine.
Jeff Grossman
@jeffgrossman3000
@AntoJosh Official support statement stops at v1.7.0+, see http://ui-grid.info/docs/#!/tutorial/Tutorial:%20100%20Prerequisites
AntoJosh
@AntoJosh
Yes i got your point @jeffgrossman3000, @yosiasz . We are also trying to point the v1.7.0+ but some of the feature is not working with v1.7.0+ by practically and i don't know why?
have you looked at this http://bdb-opensource.github.io/simple-grid/demo/index.html this is the one we exactly looking for an UI grid. This is feature somewhat is achieved in the UIGrid here(https://plnkr.co/edit/VO6F3vlOOwaudfi3RSVA?preview) with the older version and this is not working this latest version of UIGrid. Can please share your idea's and help me out!
Jeff Grossman
@jeffgrossman3000
@AntoJosh Sorry but I'm lost. What is the Use Case you are trying to implement?
Enkhbold70
@Enkhbold70
hello, i need some help on scrolling. When scroll for uigrid then chrome shows [Violation] Added non-passive event listener to a scroll-blocking 'touchstart' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952
does somebody knows resolution ?
Peram Ajaykumarreddy
@ajaykumara22_twitter
hi

i need hierarchy from column level.

no need row level.is there any future in column level hierachy

Kohei Nozaki
@nuzayats

Hello, I'm looking for a way to get the row which has just been selected in the gridApi.selection.on.rowSelectionChangedBatch handler function.

For example, in this Plunker http://plnkr.co/edit/14Px9QKfnoydU2sZ , let's say I do the following:

  1. Select the row whose Name is "Terry Clay"
  2. Select the row whose Name is "Hatfield Hudson" with the shift key pressed
  3. Select the row whose Name is "Sandoval Mclean" with the shift key pressed

At the step 2, I'd like to get the row object whose Name is "Hatfield Hudson".
At the step 3, I'd like to get the row object whose Name is "Sandoval Mclean".

In other words, here is what I want to do:

gridApi.selection.on.rowSelectionChangedBatch($scope,function(rows){
    // **** Question ****
    // Is there any way to reliably get the row which has just been selected here?
    // i.e. How can I find out which is the one which has just been selected out of the following ("head" and "tail") ?
    var head = rows[0];
    var tail = rows[rows.length-1];

    $log.log(head.entity.name);
    $log.log(tail.entity.name);
});
Kohei Nozaki
@nuzayats
I'm wondering I might need to intercept $scope.selectButtonClick() calls but I have no idea how it can be done.. Any ideas? Any help would be appreciated https://github.com/angular-ui/ui-grid/blob/9854f69ac6e4f0fcbf875531be3c638f7b21765a/packages/selection/src/js/selection.js#L797
1 reply
Jeff Grossman
@jeffgrossman3000
@nuzayats Hi. I think you misunderstand what 'batch' means in this grid: you only get a batch event via the API or the 'select all' checkbox. See enableSelectionBatchEvent at http://ui-grid.info/docs/#!/api/ui.grid.selection.api:GridOptions ; you might do better to simply call getSelectedRows() and save your index into it between calls.
2 replies
Alhaji Mohamed Kanu
@Kanualhajimohamed
Good day to you all
Alhaji Mohamed Kanu
@Kanualhajimohamed
am working on a form which will display startDate or endDate if the record you choose is 1 and display visibleUntil or visibleSince if you choose 3. in the same column of the Start Date and End Date in Angular. any help from you guys
this is the code
<td nowrap="nowrap" width="10%" class="text-left px-1" [ngStyle]="{'background-color':items.status === 0 ?'#f38075':'#ffffff'}" *ngIf="items.activityType.id === 3">
{{items.startDate | date :'MM/dd/yyyy' }} {{items.visibleSince | date :'MM/dd/yyyy' }}
</td>
Aravind Rajendran
@aravind-rajendran
Hi . Can any one say me ! Can we add row and delete row feature in UI grid . Thanks in advance
Yosi
@yosiasz
@Kanualhajimohamed is your question about ui-grid?
@aravind-rajendran you are in control of the grid, adding and deleting row comes with ui-grid
Jeff Grossman
@jeffgrossman3000
@aravind-rajendran You don't do anything to the grid directly, you just add or remove things from the data array behind it. Does that help?