Show/Hide based on edit mode

[The Mage]

I generally design my grids to be edit on demand. Some fields I would like to show only if I am in edit mode. Could swear I figured out how to do this before, and for the life of me I cannot remember how I did it.

So what expression do I put into the "Show/hide expression" field?

[Clipper87]

Re: Show/Hide based on edit mode

grid.rowState = 'change' but then the fields would only appear after you have changed another field

[Clipper87]

Re: Show/Hide based on edit mode

I'd think {Grid.object}._editModeRows[data.rowNumber] = true should do it but it gives a javascript conversion error and I'm not deep enough into this yet to know why

[The Mage]

Re: Show/Hide based on edit mode

Thanks for the assistance. I am looking at the client side events, "afterRowSwitchFromEditable", and "afterRowSwitchToEditable" attempting to place a 1 or 0 into a global variable, and trying true and false, but having referring to that variable simply results in either the row showing all the time, or never. Seems like this should work, but doesn't

I thought maybe it was working, but possibly to late to affect the grid, but if that was true, then it should be working the opposite way.

[Clipper87]

Re: Show/Hide based on edit mode

Turns out that the expression {Grid.object}._editModeRows[data.rowNumber] = true cannot be converted to javascript so use a js function in your show/hide:

showfield() = true

In your js functions create this function:

function showfield(){
var rowNum = {Grid.Object}._selectedRow;

return {Grid.Object}._editModeRows[rowNum-1];
}


Note that you have to subtract 1 of the rowNum value because the _editModeRows property array starts with index 0 whereas the _selectedRow property starts counting from 1.
You can easily check this in Firebug:

showhide.png

One disadvantage that I haven't figured out yet is how to hide the field again when the edit mode is not cancelled but when you simply 'demand' to edit another row by clicking on the edit row icon.

[The Mage]

Re: Show/Hide based on edit mode

Thank you very much.

I am sure there is a solution to the closing problem though. I have found that if you uncheck the "One edit row at a time" then it does not automatically close, so since you manually close, there isn't a problem. Not sure if I am worried about people editing more then one grid at a time.

I did place an alert in the "afterRowSwitchFromEditable" event, and while it did fire when I exited the edit of a field, it didn't if I switched to editing another field. So for some reason it doesn't seem to know it has exited the edit.

Using Firebug I did find that if you entered edit mode in one field, closed it, and opened it in another, it listed "_existingRowInEditMode" as 0, and "_rowNumber" as the currently editable row, but if you opened a field, then opened another into edit mode, it listed it as the "_rowNumber" for the grid it just closed, but it listed the "_rowNumber" for the current row.

Edit.png

Not sure exactly what to do with this, but I am wondering if I can just allow more then one row to be editable. In this case it does in fact eliminate this problem. You can put as many records as you want into edit mode, but then you have to close it which results in the hide function working right. Although if any record is submitted, it closes all other open grids, and the show/hide again functions properly.

Another interesting when more then one record is editable at a time, when one record is submitted, the other ones close, and interestingly enough it succeeds in hiding the fields I want hidden. I am sure this is as simple as not refreshing the row when another record is put into edit mode without closing out a previous record.

**Update. As I typed the above line, I got an idea, and put a "{grid.Object}.refresh();" int the "afterRowSwitchFromEditable" event. While it still leaves the hidden field viewable, if you exit the edit mode of any record, it refreshes, resulting it the field being hidden. Still not perfect as it won't refresh until the edit mode is left, or a record is submitted. Not a perfect solution, but a better. If nothing is editable, the fields are hidden.

I did try putting the previous row number into a global variable, and attempted to refresh that row after the next row was placed into editable mode, but for some reason that didn't work. I couldn't even get it to refresh a row when selecting a specific row.

I attempted this code:

if(typeof prevRow == 'undefined') {
	
	prevRow = {Grid.Object}._selectedRow;
}
	
else {
	setTimeout(function() {
	{grid.Object}.refreshRow(prevRow);
	},500);
	alert(prevRow);
	prevRow = {Grid.Object}._selectedRow;
}

The alert was just to test to make sure I was getting the right row number. But it wouldn't refresh just the row, which would be preferable.

[drgarytraub]

Re: Show/Hide based on edit mode

detailView.rowState <> 'enter'

in the show hide expression does the trick. This causes the field to show only when you edit a record, not when entering a new record

[The Mage]

Re: Show/Hide based on edit mode

Thanks, but not sure if this matters but this is a grid, but I tried both grid and detailView:

rowState.png

I have the "grid.rowState <> 'enter' " on the "A" and "detailView.rowState <> 'enter' " on the "1". Left record is editable, and the right one isn't. Unfortunately it isn't working in either case.

And while the first solution seemed to be working, it unfortunately hides the fields in new records. But I found a solution to that by changing the show/hide expression to:

showfield() = true or data.rowNumber =-1