2011-12-06 52 views
1

在我的項目中,我使用了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'; 
       } 
      }, 
     }); 
    }); 

我的問題是,$(文件)。就緒永遠不會被調用...

在此先感謝您的幫助..

+0

您是否看到任何javascript錯誤? – jrummell

回答

0

嘗試將其更改爲:

$(function(){ 
+0

什麼都沒有發生...... –

+0

你有沒有在頂部添加警報?它看起來像你的代碼不會真的做任何事情,除非實例化圖表對象而不看到一些額外的代碼。同時檢查JS錯誤。 – methodin

+0

我有。這是假設做到這一點,但圖表甚至沒有出現...我已經檢查,它沒有給出錯誤.. –