Visibility of fields - edit and insert

Hi,

I’m having trouble with dynamically showing fields when an item is selected for edit. I have the column initially hidden by default, using visible: false and then within the onEditing method I attempt to set the visible flag to true using the fieldOption method so a value can be set.

However this seems to interfere with the edit functions as it then no longer converts the row to edit mode.

Is there something I am missing or is this sort of behaviour not supported?

[maurorulli]

@richraid21 JsFiddle

[tabalinas]

Yes, as @richraid21 described, grid re-renders on field option changes. Hidden fields for instance are not rendered, so to show them it requires to re-render the grid.

You can define a rowClick, thus that editItem is called after showing new field:

      rowClick: function(args) {
	 var item = $(args.event.target).closest("tr").data("JSGridItem");
      	 $('#jsGrid').jsGrid('fieldOption', 'MyColumn', 'visible', 'true');
         this.editItem(item);
      },

https://jsfiddle.net/owcxwahm/2/