I am working on on page where I need to show row selected and I need to populate that selected row in form next to that grid, its working properly but I am trying to implement disable row selection when user is editing any existing row, please let me know how to resolve this. thanks.
Assuming you have something similar to this in your code:
<tr st-select-row="schedule" st-select-mode="multiple" ng-repeat="schedule in displaySchedules>
You should remove the attribute st-select-row="schedule" to disable selection functionality when editing flag is true or whatever is the condition you need to meet.
Related
How do I get the value of the selected row in rowwidget after the toggle. Please assist, I have tried the the bind functionality but it does not work or necessary for my problem.
if as you said row is selected then this must work: yourGrid.getSelection()[0]
I'm working with angularjs but i have a problem with my ng-grid.
First, the client didn't want the user to select a row just by clicking it.
They wanted a single checkbox at the beginning of the row.
To do that i had to disable the row selection by doing this :
"enableFullRowSelection: false". This prevented the row to be selected.
But now they want me to allow the highlight of the row by clicking it.
I tried to put a css focus but the event never triggered (i tried hover and mouseenter and the css worked).
How can i disable the row but still let the focus event enable ?
If someone can help me it will unstuck me !
I use AgGrid Enterprise, and allow users to edit an entire row so all cells switch to edit mode.
I also have an event listener to save the row in database when the user put the focus on a new line or outside the grid.
In the first column of my grid, i have a custom cell displaying a combo.
When the user select a value, it should update the cell AND 3 other cells in the row.
So i use the API to refresh the 3 cells.
Doing so put the cell in view mode, i loose the edit mode and the save event is triggered.
Is there a way in edit mode, to update cell content without loosing the edit mode ??
Thanks a lot.
You said your are try to entire row and and also have custom cell with combo
but ag-grid does not work any popup editor with full row edit.
You have to remove ag-grid property editType: 'fullRow' and it will work.
https://www.ag-grid.com/javascript-grid-cell-editing/#gsc.tab=0
I am trying to add edit, trash icons to Angular UI grid. On click on a particular row I want to allow the user to only edit the particular row.
Is there any api method available which will make non editable row into editable row on fly? I want to disable the feature of making ui grid editable if user double clicks it as well.
you can refer to the ui-grid 201 Edit Feature
if you want to edit the row, please use the method:cellEditableCondition
I am using AngularJS XEditable control for Inline edits. I would like to restrict the user to edit one row at a time. i.e. the user should not able to edit some other row when one row is in edit mode. Is there a way to check whether any row is in edit mode?
You can do like this, assign different e-form value for different rows you want to edit and show that on click as shown in the below code.
<td ng-click="goalValueForm.$show()"><span editable-text="data.goalValue" e-name="goalValue" buttons="no"
e-form="goalValueForm"> </span></td>