Aug 11, 2016, 1:14 PM
[CLOSED] Convert RowEditing Plugins to CellEditing CellEditing
Dears,
I hope everybody good day.
I used RowEditing Plugin in my GridPanel and as you know that this Plugin call the updateOwners method after clicking update button while row editing:
Now, my users are not comfortable with RowEditing Plugin as they prefer to use Tab Button to move between cells without the need to click on update button after editing the row, they want to move to next row directly.
I changed the RowEditing Plugin to CellEditing Plugin, and I got exactly what my users prefer, except that I faced problem with the method updateOwners as it is being called after the cursor leave each edited cell.
Now, I'm facing problem with many changes required to be done for this little change, my questions are:
1. Is there anyway to get rid of update button in row editing, so the changes will be accepted when user tab out from last column?
2. Is there anyway to convert RowEditing Plugins to CellEditing Plugin without performing many changes in code behind and JavaScript?
3. Any suggestions to solve my problem?
Note that, for some cases, I'm using input information from user in column 1 to retrieve information into column 2 and column 3 (i.e. if the user input CPR, then English Name and Arabic Name will be shown directly while row editing). can I implement this concept while using the CellEditing Plugin?
Regards,
Alaswad
I hope everybody good day.
I used RowEditing Plugin in my GridPanel and as you know that this Plugin call the updateOwners method after clicking update button while row editing:
var updateOwners = function (editor, e) {
/*
"e" is an edit event with the following properties:
grid - The grid
record - The record that was edited
field - The field name that was edited
value - The value being set
originalValue - The original value for the field, before the edit.
row - The grid table row
column - The grid Column defining the column that was edited.
rowIdx - The row index that was edited
colIdx - The column index that was edited
*/
};
<Plugins>
<ext:RowEditing runat="server" ClicksToMoveEditor="1" AutoCancel="true">
<Listeners>
<Edit Fn="updateOwners">
</Edit>
</Listeners>
</ext:RowEditing>
</Plugins>
Now, my users are not comfortable with RowEditing Plugin as they prefer to use Tab Button to move between cells without the need to click on update button after editing the row, they want to move to next row directly.
I changed the RowEditing Plugin to CellEditing Plugin, and I got exactly what my users prefer, except that I faced problem with the method updateOwners as it is being called after the cursor leave each edited cell.
<Plugins>
<ext:CellEditing ClicksToEdit="2" >
<Listeners>
<Edit Fn="updateOwners">
</Edit>
</Listeners>
</ext:CellEditing>
</Plugins>
Now, I'm facing problem with many changes required to be done for this little change, my questions are:
1. Is there anyway to get rid of update button in row editing, so the changes will be accepted when user tab out from last column?
2. Is there anyway to convert RowEditing Plugins to CellEditing Plugin without performing many changes in code behind and JavaScript?
3. Any suggestions to solve my problem?
Note that, for some cases, I'm using input information from user in column 1 to retrieve information into column 2 and column 3 (i.e. if the user input CPR, then English Name and Arabic Name will be shown directly while row editing). can I implement this concept while using the CellEditing Plugin?
Regards,
Alaswad
Last edited by fabricio.murta; Aug 23, 2016 at 10:27 PM.