Rad-Combobox databind at Clientside using javascript

[Natraj T]

Hi

    I have a Genric list of data returned from WCF in client side. I need to bind this  to RadCombobox in clientside itself using javascript, We have a direct method to  RadGrid to bind the data but there is no direct way to bind it with RadCombobox. I'm looping each item and add to the Radcombobox now. Is there any method to bind the Genric list(JSON object) to the RadCombobox.

Please help me.

(Please dont give examples like using page method or any server side method, my requirement is to use everything using javascript. In my page, i didnt use any single line of server side code except the WCF)

Thanks in advance

[Simon]

Hi Natraj T,

Currently RadComboBox does not support such a method. However we are working on a similar one, which you could use as in the example below:

function onLoad(sender) {

var items = [];

for (var i = 0; i < 5; i++) {

var item = new Telerik.Web.UI.RadComboBoxItem();

item.set_text(i + "");

//Set other properties or attributes...

items[items.length] = item;

}

sender.insertItems(items);

}

Would this approach be useful and usable in your case?

Best wishes,
Simon
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Natraj T]

Hi

Thanks for the reply. But i have already used the above method and its working well. We are currently in preformance tuning, Looping takes bit more tme, so i felt if i have method which bind the data directly, the preformance may increase.

Anyhow thanks for the help

[xrimson]

This doesn't seem to be working for me.  Using a RadComboBox inside a RadGrid..

   <telerik:RadGrid ID="DeliverablesGrid" runat="server" AutoGenerateColumns="false">
      <MasterTableView>
         <Columns>
            ...
            <telerik:GridTemplateColumn HeaderText="Owner">
               <ItemTemplate>
                  <telerik:RadComboBox ID="OwnerComboBox" AllowCustomText="false" runat="server"
                     EmptyMessage="[None]" OnClientLoad="OwnerComboBox_OnLoad" >
                  </telerik:RadComboBox>
               </ItemTemplate>
            </telerik:GridTemplateColumn>
         </Columns>
      </MasterTableView>
   </telerik:RadGrid>

function OwnerComboBox_OnLoad(sender, eventArgs)
{
   var items = [];

   for (var i = 0; i < 5; i++)
   {
      var item = new Telerik.Web.UI.RadComboBoxItem();
      item.set_text(i + "");
      items[items.length] = item;
   }
   sender.insertItems(items);
}

Please help.

[xrimson]

Oh, I guess I should share what the error is :)

"Object doesn't support this property or method"

on sender.insertItems(items)

[xrimson]

Got it working...

function OwnerComboBox_OnLoad(sender, eventArgs)
{
   for (var i = 0; i < 5; i++)
   {
      var item = new Telerik.Web.UI.RadComboBoxItem();
      item.set_text(i + "");
      sender.get_items().add(item);
   }
}

[Shahid]

please help me... i want to bind combobox using ajax like ASP drop down list. I am using ajax but it not working.

 

Please help me.

[sunil]

how to bind the list with ajax call?