manipulate RadComboBox in edit template form via client side

[Thomas Salt]

I have a template edit form in a RadGrid that contains 4 RadComboBoxes.  I would like to add items to these combo boxes on the client side while the grid is in Edit Mode.  So for example I edit row #2, and then the user clicks a button to add another item to the RadComboBox.  Is it possible to get a client side reference to this combo box for the row currently being edited?  Then once I have reference to this combo box I can use the RadComboBox client side API to add the new combo box item.

Also if there is a way to do this, how would I loop through all of the items being edited if the grid is currently editing all items.

Please view attached image for an image that may help.

Thank you.

[Shinu]

Hi Thomas,

You can find out the edited row index by using the following client side code;
     var editIndex= $find("RadGrid1")._editIndexes;

You can use a global registry (an array really) that keeps control ID's and emit script for every server control that will add an item to the global registry. Then just loop over all registered elements and get the one that contains our server ID.
Checkout the code library for more information : Accessing server controls in a grid template on the client

-Shinu.

[Thomas Salt]

Hi Shinu,

Thanks for the help, but the code example provided uses the <EditItemTemplate> of a <GridTemplateColumn>.

I use the <FormTemplate> of the <EditFormSettings> tag.  I've tried modifying the supplied code example to work with my project however I cannot get the javascript method [registeredElements.push()] to fire when using the <FormTemplate>.  Do you have any other ideas?

[Thomas Salt]

I was able to get this to work by registering my elements using the "OnClientLoad" event of the RadComboBoxes.

Thanks a lot Shinu.

[omar treviño]

Hi Thomas Salt I have the same problem as yours, could you please help me? and show your code as a example please???

 

I'm inexpert and my english is not well, sorry for this. Take care and thanks

[race maine]

Using 

     var editIndex= $find("RadGrid1")._editIndexes;

to access the edited index does not seem to work.  What I would like to do is, when user clicks to select to add a new row to my grid, I want to capture and access the fields in the edit form displayed. How do I achieve this please?? 

  

       var grid = $find("<%= <span class="Apple-style-span" style="line-height: 19px; ">RadGrid1</span>.ClientID %>");
<br>    var MasterTable = grid.get_masterTableView();
<br>           var selectedRows = MasterTable .get_selectedItems();

always seems to return 0.

[Princy]

Hello Race,

Give a try with the approach mentioned in the following forum to get the insert form cell value from client side.
Getting the new data row in client side

Thanks,
Princy.