Hi,
I'm attempting to create the kendoComboBox on the client side with data passed into a callback javascript method. The control is created, but there seems to be a problem with the databinding. When the page renders, I see the combobox placeholder value, BUT when I click the down arrow, or try to type in the field for autocomplete/filtering nothing happens.
For example I have data coming back from my ajax call like
I'm attempting to create the kendoComboBox on the client side with data passed into a callback javascript method. The control is created, but there seems to be a problem with the databinding. When the page renders, I see the combobox placeholder value, BUT when I click the down arrow, or try to type in the field for autocomplete/filtering nothing happens.
For example I have data coming back from my ajax call like
{"bloomberg": [
{"id": "1", "account": "my institution bank", "ticker": "BOND_TO_EQY_TICKER"},
]
},
{
"intex": [
{"id": "1", "type": "RMBS", "category": "CashFlows"},
{"id": "2", "type": "ABS", "category": "CashFlows"} ]
}
initializecontrols = function (data) {
try
{
$("#tpgInput").kendoComboBox({
dataSource: {
data: data.bloomberg,
type: "json"
},
select: onComboBoxSelect,
dataTextField: "account",
dataValueField: "id",
placeholder: "Select Bloomberg Account ...",
// define custom template
template: '<
dl
>' +
'<
dd
><
strong
>Account Name:</
strong
> ${ data.account }</
dd
>' +
'<
dd
><
strong
>Ticker:</
strong
> ${data.ticker} ' +
'</
dl
>',
animation: {
open: {
effects: "fadeIn",
duration: 300
show: true
}
}
});
}
catch (err) {
alert(err.message);
}
When i step through the code I see the data. I'm hoping you can give me some insight into
what I might be doing wrong.