I have got this working from another example.  I populate the dropdown server side onrowinit.

it seems to work.

Question, how do i access the sci_id in javascript SCI_ValueChanged event ?

<ig:TemplateDataField Key="tloge_sci" Width="90px" Header-Text="USI/SCI">
<ItemTemplate>
<ig:WebDropDown ID="wdd_sci" runat="server" TextField="sci_id" Width="80px" DataKeyFields="sci_id"
AutoSelectOnMatch="true"
EnableAutoCompleteFirstMatch="False"
EnableClosingDropDownOnSelect="true">

<ClientEvents ValueChanged="SCI_ValueChanged" />

<HeaderTemplate>
<table id="TemplateContainer">
<tr class="igg_row">
<td class="igg_HeaderCaption" style="width: 90px;">USI/SCI</td>
<td class="igg_HeaderCaption" style="width: 500px;">Description</td>
</tr>
</table>
</HeaderTemplate>
<ItemTemplate>
<table style="width: 100%" cellspacing="0" cellpadding="4">
<tr class="igg_row">
<td style="width: 100px;">
<%# DataBinder.Eval(Container.DataItem, "sci_id")%>
</td>
<td style="width: 500px;">
<%# DataBinder.Eval(Container.DataItem, "description")%>
</td>
</tr>
</table>
</ItemTemplate>
</ig:WebDropDown>
</ItemTemplate>
</ig:TemplateDataField>

Hello Peter,

You can get the value from the ValueChanged event with the following code: 

 let value = e.getNewValue(); // where “e” is the eventArgs 

If you would like to use the new value with some logic concerning the row of that cell with the dropdown, then I recommend you using the EditingCore-CellValueChanged event instead. The reason for this is that it would be way easier to find the row with the CellValueChanged event, all it needs to be done is checking if the cell belongs to the column with the dropdown. A code for this should be similar to the code below:

function wdg_CellValueChanged(sender, e){

                if (e.get_cell().get_column().get_key() === "tloge_sci") {

                    let value = e.get_cell().get_value();

                    let row = e.get_cell().get_row();

                    //add any custom logic

                }

            }

 

Please let me know if you need any further assistance. 

Regards,
Ivan Kitanov

Thanks for the response.  I tried that but threw an error on runtime saying no such event.

i made some headway on this.

e.get_value() works

'row' (below) also returns the correct value in the grid

I also have these two events defined, which fire when editing other 'regular' columns

are edited.

EnteredEditMode="wdg_CellEditing_EnteredEditMode"
ExitedEditMode="wdg_CellEditing_ExitedEditMode"

3 questions.

1. How would I retrieve the dropdown 'description' from the code below ? I want to set a grid field

to its value

2. Why doesnt the dropdown selection put the grid row into Edit mode ?  (the above events do

not get fired) How would i do that in code below ?

3. How would I move the focus to another field in edit mode

Am i better off with wdg in my template field or use EditorProvider ?  Hard to 

know the best approach.  I have been messing around with above for 2 days.

It would be nice if you folks had an official example of a grid with a multi-column

dropdown with a save button to save data.  You do have a bunch of different 

examples but not the multicolumn dropdown in a grid.

Essentially, what i want to do would be similar to a State , State Name dropdown

in a grid which displays both but saves only State

I appreciate your guidance on this.

function SCI_ValueChanged(sender, e)
{
var grid = $find("<%= wdg.ClientID %>");

// Make sure we get the row the drop is on, not the one selected
var parentRow = sender.get_element().parentElement.parentElement._object.get_index();

var row = grid.get_rows().get_row(parentRow);

var sci = e.get_value();

...