or
{ field:
'IsSelected'
, title:
'Select'
, type:
"boolean"
, template:
'<input class=selector type=checkbox />'
, width:
'50px'
}
<
script
type
=
"text/javascript"
>
jQuery(function(){
jQuery('.kendo-ddl-Task').kendoDropDownList({
select: function (e) {
xTaskStatusDdl_change(e);
}
});
});
function xTaskStatusDdl_change(e) {
var selectedValue = e.item.index();
//Trying to access parent but this is not working
//alert(jQuery(this).parent().html());
}
</
script
>
<
asp:Repeater
ID
=
"rptPastDueTask"
runat
=
"server"
>
<
ItemTemplate
>
<
asp:DropDownList
ID
=
"xTaskStatusDdl"
runat
=
"server"
lang='<%# DataBinder.Eval(Container.DataItem, "XTaskID")%>'
CssClass="xTaskStatusDdl kendo-ddl-Task">
</
asp:DropDownList
>
</
ItemTemplate
>
</
asp:Repeater
>
<script>I really don't like having to edit my page each time the database has a new series added.
function createChart() {
$("#chart").kendoChart({
theme: $(document).data("kendoSkin") || "default",
dataSource: {
transport: {
read: {
url: "_list/series_list/all_series",
dataType: "json"
}
}
},
title: {
text: "my series"
},
legend: {
position: "top"
},
seriesDefaults: {
type: "line"
},
series: //USE A TEMPLATE HERE SO FOR EACH NAME IN THE JSON A SERIES IS CREATED.
[{
field: "value",
}
],
categoryAxis: {
field: "date",
labels: {
rotation: -90
}
},
valueAxis: {
labels: {
format: "{0:N3}"
},
majorUnit: 1
},
tooltip: {
visible: true,
format: "{0:N3}"
}
});
}
$(document).ready(function() {
setTimeout(function() {
createChart();
// Initialize the chart with a delay to make sure
// the initial animation is visible
}, 400);
});
</script>