Hello Varun,

Thank you for the working sample attached. I will try to reproduce the issue using the code from your post and will suggest accordingly. I will keep you posted with my findings.

Hello Varun,

I was not able to reproeuce this error, actually the code worked fine. Please pay attention the where I add this line:

((DropDownProvider)dgKeyWords.EditorProviders["ddlDepartment"]).EditorControl.ItemTemplate = new multiColumnTemplate();

I guess you have placed it somewhere else and it causes the error. Also, when using this approach you would not need to bind the DropDown to a dataSource, since the WebDataGrid will be displayed for each item. I suggest that you just add one item to the dropdown.

Please review the modified sample and let me know if it meets your requirements.

Hi Hristo ,

I downloaded the sample you provided. Converted the Infragistics version to 14.1 (using version utility) as I have licence for that.

When I run the page and select the 'Department' from the dropdown, getting the same error

Check two images attached:

1. Screen1: when page loads for the 1st time

2. Page2: as soon as I select the dropdown value, the error page.

It is giving error at myGrid.DataBind()...

NOTE: I have just changed the Infragistics version from 14.2 to 14.1.. Attaching the same codebase you sent with Infragistics version14.1

Looking forward for your response ...

Regards

Varun

Hi..

It worked.. Removing DataBind() actually worked..

last help needed on this one..

Now as grid is coming in the dropdown, last requirement is that as soon as I select a row, the 2nd column value get set to the grid cell and the dropdown should get closed.

I added this js function

function WebDataGrid1_RowSelectionChanged(sender, eventArgs) {

var selectedRow = eventArgs.getSelectedRows().getItem(0);

var selecedRowValue = selectedRow.get_cell(1).get_value();

var grid = ig_controls.dgKeyWords;

var cellEditing = grid.get_behaviors().get_editingCore().get_behaviors().get_cellEditing()

var cell = cellEditing.get_cellInEditMode();

cell.set_value(selecedRowValue);

cellEditing.exitEditMode();

var dropdown = ''//.........;

//I am not able to get the dropdown instance from javascript

dropdown.set_currentValue(selecedRowValue, true);

dropdown._elements["Input"].focus();

dropdown.closeDropDown();

}

I am not able to get the dropdown from this function here

var dropdown = ''//.........;

//I am not able to get the dropdown instance from javascript

Please let me know how this can be done..

Regards

Varun

Hi,

Update:

What I did , I commented the last 4 lines of javascript

var dropdown = ''//.........;

dropdown.set_currentValue(selecedRowValue, true);

dropdown._elements["Input"].focus();

dropdown.closeDropDown();

and clicking on grid inside dropdown is setting the cell value and making row masked as edited. I am not able to select any other row's dropdown for some time.

Also, I noticed that after doing some change, when I save data, page gets post back to refresh the grid ..and in post back, the department dropdown is not showing the grid..

Request you to help here..

Varun

1) You can get reference to the dropdown as follows:

var dropdown = ig_controls.dgKeyWords_ctl01 (after typing ig_controls. in the console IntelliSense will show the available ones)

2) Also, the dropdown provider need to be added on PageLoad event. In your case, this happens only on SelectionChanged event and when you hit the Save button the SetGridBehaviors method is not called. You need to change this logic as to call SetGridBehaviors method on Page_Load.

3) I am not able to select any other row's dropdown for some time

There is onky one instance of the WebDropDown, it just initializes itself only on the current cell that is being edited.

Please let me know if you have further questions on the matter.

Point 1 and 3 has been fixed..

Point 2: 

I moved SetGridBehaviors  on page load and now sees a new issue..

The webgrid inside dropdown editor provider is getting added one after another..After two post back, I saw 2 grids inside the dropdown...

I would like to request you to modify the previously attached solution so that it retains the grid inside dropdown after postback

Also, i thought of keeping everything inside update panel so it will not fire full psot back. Doing so I will retain the dropdown's grid..

In this case what I observed that the edited row indicator (converting text to italics) remains as it is .. it is not getting back to normal post save as it is not doing full post back..

Any idea??

Varun

Hello,

I have further modified my sample in order to fix Issue 2. The following requirements had to be followed fo fix Issue 2:

1) Grid behaviors are created in the Page_Init event

2) The DropDown provider is created just once in Page_Load event

3) The item template needs to be re-created on every postback.

I have also simplified it and now only one DropDown provider is created and it is being set depending on the selected value in the dropdown.

Please review the sample and let me know if you have any further questions on the matter.

Hi Hristo ,

AWESOME....!!! You saved my day...

Thanks a lot for your assistance and continuous support...

Support team like this makes a great product :)

Cheers

Varun