在我的項目中,我使用了RadScheduler。Telerik&Jquery
在需求的結果,我不得不創建一個自定義編輯「窗口」。
基本上在主網頁我有:
<telerik:RadScheduler runat="server" ID="radScheduler" SelectedView="TimelineView"
EnableExactTimeRendering="True" DayStartTime="00:00:00" DayEndTime="23:59:59"
DataKeyField="ID" DataSubjectField="Subject" DataStartField="Start" DataEndField="End"
DataRecurrenceField="RecurrenceRule" DataRecurrenceParentKeyField="RecurrenceParentId"
AllowInsert="false" AllowDelete="False" AllowEdit="false" ColumnWidth="100px"
OnAppointmentCreated="radScheduler_AppointmentCreated" AdvancedForm-Modal="true"
Width="100%" FirstDayOfWeek="Monday" ShowHoursColumn="False" Skin="Telerik" ShowsConfirmationWindowOnDelete="False"
OnFormCreated="radScheduler_FormCreated">
<TimelineView UserSelectable="true" GroupingDirection="Vertical" NumberOfSlots="24"
ColumnHeaderDateFormat="HH:mm" ShowInsertArea="false" StartTime="00:00:00" SlotDuration="01:00:00"
GroupBy="Room" />
<DayView UserSelectable="false" />
<MonthView UserSelectable="false" />
<WeekView UserSelectable="false" />
<AdvancedEditTemplate>
<scheduler:AdvancedForm runat="server" ID="AdvancedInsertForm1" Mode="Edit"/>
</AdvancedEditTemplate>
</telerik:RadScheduler>
,也是一個RadAjaxManager。
<scheduler:AdvancedForm>
點AdvancedForm.ascx
在AdvancedForm.ascx我有這個JavaScript塊
<script type="text/javascript">
var chart; // global
/*
* Request data from the server, add it to the graph
*/
function requestData() {
$.ajaxSetup({ cache: false });
$.getJSON('exampleurl', function (data) {
//Clear the "old" series
while (chart.series.length > 0) {
chart.series[0].remove(true);
}
//declare Json
var jsonObj = {
series: []
};
//Cycle through each JSONobjcect returned by the url
$.each(data, function (i, item) {
var key = item['tag'];
var value = item['data']['Velocity'];
jsonObj.series.push({
"name": key,
"data": value
});
});
//Add each of the key:value pair to the series
for (var i in jsonObj.series) {
chart.addSeries(jsonObj.series[i]);
}
// call it again after ten seconds
setTimeout(requestData, 10000);
});
}
$(document).ready(function() {
chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
defaultSeriesType: 'column',
events: {
load: requestData
}
},
title: {
text: 'Test Chart'
},
xAxis: {
title: {
text: 'Viaturas'
},
categories: ['']
},
yAxis: {
min: 0,
title: {
text: 'Velocidade (Km/h)'
}
},
tooltip: {
formatter: function() {
return '' +
this.series.name + ': ' + this.y + ' Km/h';
}
},
});
});
我的問題是,$(文件)。就緒永遠不會被調用...
在此先感謝您的幫助..
您是否看到任何javascript錯誤? – jrummell