Binding ComboBox to JSON string returned by external Web Service

Further to my last post, I have realized that since my data was being returned in JSON, I did not need to re-serialize it!

as such the controller code not looks like this:

        public ContentResult GetCALMdata()
        {
            CALMwsP.wsCALMSoapClient wsC = new CALMwsP.wsCALMSoapClient("wsCALMSoap");
            string resultset = wsC.GetRefTables("P_1", "P_2", "P_3", "P_4");
            return Content(resultset, "application/json");
        }

and my ASPX code like this:

                <% Html.Telerik().ComboBox()
                       .Name("cbRefTables")
                       .DataBinding(b => b
                           .Ajax()
                           .Select("GetCALMdata","Common")                    
                       )
                       .SelectedIndex(1)
                       .Render();
                %>
 Telerik.common.min.js now throws the following error:

Microsoft JScript runtime error: 'undefined' is null or not an object

with the following highlighted:
}else{if(e.selectionStart!==undefined){k=e.selectionStart}}return k},encode:function(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/\u00a0/g,"&nbsp;")},

 

Hi michael,

I suppose that you use Telerik ComboBox for ASP.NET MVC.
Could you please take a look at this online demo?

Regards,
Kalina
the Telerik team

Hi,

Thanks for the reply...

I had looked at the demo you suggested, and I used it to construct my example.

The issue I have is that in the example, the resultset is converted into a JSON string and the TEXT and VALUE fields are specified:                               return new JsonResult { Data = new SelectList(products.ToList(), "ProductID","ProductName") };

In my case, since the Web Service already returns a JSON string, I did not see the need to de-serialize it and then re-serialize it.

I was hoping to be able to bind the data returned (CODE and DESCRIPTION) in the JSON string directly; something like:
                   EmptyMessage="Select a Company"
                   DataTextField="DESCRIPTION"
                   DataValueField="CODE"

Hope you understand what I am trying to do.

Thanks for the assistance.

Mike B.

Hello Michael,

ComboBox/DropDownList UI component is designed to work with DropDownList object ( which is similar to SelectListItem). Hence they expects to be bound on the client to list of JSONs, which have structure like this:

If you need to bind the combobox to JSON with different structure, you will need to convert it to the one mentioned above. For instance you can use this code snippet:

Kind regards,
Georgi Krustev
the Telerik team