I have a number of Drop Downs on a page, each representing a separate asset with their own identifier. The drop down options for each of these lists should be populated using an AJAX call to a service page that I have written which expects to be sent the identifier in the request. Here is a stripped down version of the code:
<script language=
"JavaScript"
>
$(document).ready(
function
() {
$(
".id_select"
).kendoDropDownList({
dataTextField:
"name"
,
dataValueField:
"my_id"
,
dataSource: {
transport: {
read: {
url:
"service_page.cfm"
,
data: {
identifier: ????
}
}
}
}
});
});
</script>
<html>
<input name=
"id_ABC"
id=
"id_ABC"
data-identifier=
"ABC"
class=
"id_select"
></input>
<input name=
"id_DEF"
id=
"id_DEF"
data-identifier=
"DEF"
class=
"id_select"
></input>
<input name=
"id_GHI"
id=
"id_GHI"
data-identifier=
"GHI"
class=
"id_select"
></input>
<input name=
"id_JKL"
id=
"id_JKL"
data-identifier=
"JKL"
class=
"id_select"
></input>
</html>
So what I want is when each input is instantiated as a KendoDropDownList for the DataSource's Read to be executed for each of the inputs with class "id_select" and sent the value of that input's particular "data-identifier" value (where I have put the ????'s in the example above). However I don't see any way to reference the data for the particular input from within the inline DataSource.
I have tried making the transport.read a function, using a parameterMap and anything else I could think of to throw at this. I'm beginning to wonder whether this is possible at all.
Thank you,
Matt