or
<
telerik:RadAjaxManager
ID
=
"RadAjaxManager1"
runat
=
"server"
>
</
telerik:RadAjaxManager
>
<
asp:HiddenField
ID
=
"hdfnTotalRecords"
runat
=
"server"
/>
<
telerik:RadCodeBlock
ID
=
"RadCodeBlock1"
runat
=
"server"
>
<
script
type
=
"text/javascript"
>
function HandleScrolling(e) {
var totalRecords = $('[Id$=hdfnTotalRecords]').val();
var grid = $find("<%=RadGrid1.ClientID %>");
var scrollArea = document.getElementById("<%= RadGrid1.ClientID %>" + "_GridData");
if (IsScrolledToBottom(scrollArea)) {
var currentlyDisplayedRecords = grid.get_masterTableView().get_pageSize() * (grid.get_masterTableView().get_currentPageIndex() + 1);
//if the visible items are less than the entire record count
//trigger an ajax request to increase them
if (currentlyDisplayedRecords <
totalRecords
) {
alert("here");
$find("<%= RadAjaxManager.GetCurrent(Page).ClientID %>").ajaxRequest("LoadMoreRecords");
}
}
}
//calculate when the scroll bar is at the bottom
function IsScrolledToBottom(scrollArea) {
var currentPosition = scrollArea.scrollTop + scrollArea.clientHeight;
return currentPosition == scrollArea.scrollHeight;
}
function onRequestStart(sender, eventArgs) {
if (eventArgs.get_eventTarget().indexOf("ibtnPhone") != -1) {
eventArgs.set_enableAjax(false);
}
}
function RowDblClick(sender, eventArgs) {
var test = eventArgs.getDataKeyValue("Id");
window.location.href = '/Messages/AddEditMessage.aspx?Id=' + test
}
</
script
>
</
telerik:RadCodeBlock
>
<
telerik:RadWindowManager
id
=
"WindowManager1"
runat
=
"server"
>
<
windows
>
<
telerik:radwindow
id
=
"Window1"
top
=
"150"
left
=
"10"
runat
=
"server"
width
=
"700px"
height
=
"150px"
></
telerik:radwindow
>
</
windows
>
</
telerik:RadWindowManager
>
<
telerik:RadAjaxManagerProxy
ID
=
"RadAjaxManager1"
runat
=
"server"
>
<
AjaxSettings
>
<
telerik:AjaxSetting
AjaxControlID
=
"RadGrid1"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"RadGrid1"
LoadingPanelID
=
"RadAjaxLoadingPanel1"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
<
telerik:AjaxSetting
AjaxControlID
=
"RadAjaxManager1"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"RadGrid1"
LoadingPanelID
=
"RadAjaxLoadingPanel1"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
</
AjaxSettings
>
</
telerik:RadAjaxManagerProxy
>
<
telerik:RadAjaxLoadingPanel
ID
=
"RadAjaxLoadingPanel1"
MinDisplayTime
=
"500"
Transparency
=
"25"
BackColor
=
"#ffffff"
runat
=
"server"
CssClass
=
"ajaxloader"
/>
<
telerik:RadGrid
ID
=
"RadGrid1"
runat
=
"server"
AllowSorting
=
"True"
GridLines
=
"None"
AutoGenerateColumns
=
"false"
OnItemCommand
=
"RadGrid1_ItemCommand"
OnItemDataBound
=
"Messages_ItemDataBound"
OnNeedDataSource
=
"RadGrid1_NeedDataSource"
AllowAutomaticDeletes
=
"True"
AllowPaging
=
"true"
PageSize
=
"5"
>
<
PagerStyle
Visible
=
"False"
/>
<%--<
PagerStyle
Visible
=
"true"
/>--%>
<
MasterTableView
Width
=
"100%"
DataKeyNames
=
"Id"
CommandItemDisplay
=
"Top"
ClientDataKeyNames
=
"Id"
>
<
CommandItemTemplate
>
<
table
>
<
tr
>
<
td
width
=
"45px"
>
<
asp:LinkButton
ID
=
"btnAddNew"
runat
=
"server"
CommandName
=
"AddNewMessage"
ToolTip
=
"Add a new message."
><
img
style
=
"border:0px;vertical-align:middle;"
alt
=
""
src
=
"/Images/pc_icon_new_15x15.gif"
/> New</
asp:LinkButton
>
</
td
>
<
td
width
=
"45px"
>
<
asp:LinkButton
ID
=
"btnEdit"
runat
=
"server"
CommandName
=
"EditMessage"
ToolTip
=
"Edit the selected message."
><
img
style
=
"border:0px;vertical-align:middle;"
alt
=
""
src
=
"/Images/pc_icon_edit_15x15.gif"
/> Edit</
asp:LinkButton
>
</
td
>
<
td
width
=
"60px"
>
<
asp:LinkButton
ID
=
"btnDelete"
runat
=
"server"
CommandName
=
"DeleteMessage"
ToolTip
=
"Delete the selected message."
><
img
style
=
"border:0px;vertical-align:middle;"
alt
=
""
src
=
"/Images/pc_icon_delete_15x15.gif"
/> Delete</
asp:LinkButton
>
</
td
>
</
tr
>
</
table
>
</
CommandItemTemplate
>
<
Columns
>
<
telerik:GridClientSelectColumn
UniqueName
=
"ClientSelect"
HeaderStyle-Width
=
"5%"
/>
<
telerik:GridBoundColumn
DataField
=
"Id"
HeaderText
=
"Id"
UniqueName
=
"Id"
DataType
=
"System.Int32"
HeaderStyle-Width
=
"20%"
/>
<
telerik:GridBoundColumn
DataField
=
"DisplayName"
HeaderText
=
"Name"
UniqueName
=
"DisplayName"
DataType
=
"System.String"
HeaderStyle-Width
=
"20%"
/>
<
telerik:GridBoundColumn
DataField
=
"FileDateTime"
HeaderText
=
"Created Date/Time"
UniqueName
=
"Created"
DataType
=
"System.DateTime"
HeaderStyle-Width
=
"20%"
DataFormatString
=
"{0:MM/dd/yy hh:mm tt}"
/>
<
telerik:GridBoundColumn
DataField
=
"LastSentDateTime"
HeaderText
=
"Last Used"
UniqueName
=
"Sent"
DataType
=
"System.DateTime"
HeaderStyle-Width
=
"20%"
DataFormatString
=
"{0:MM/dd/yy hh:mm tt}"
/>
<
telerik:GridTemplateColumn
ItemStyle-HorizontalAlign
=
"Center"
HeaderStyle-HorizontalAlign
=
"Center"
HeaderStyle-Width
=
"30%"
HeaderText
=
"Message Type"
AllowFiltering
=
"false"
UniqueName
=
"MessageFormat"
SortExpression
=
"MessageFormat"
>
<
ItemTemplate
>
<
asp:ImageButton
ID
=
"ibtnPhone"
runat
=
"server"
ImageUrl
=
"~/Images/pc_icon_phone.gif"
CommandName
=
"ListenPhone"
CommandArgument
=
""
ToolTip
=
"Listen to message"
/>
<
asp:ImageButton
ID
=
"ibtnSMS"
runat
=
"server"
ImageUrl
=
"~/Images/pc_icon_txt.gif"
CommandName
=
"ViewSMS"
CommandArgument
=
""
ToolTip
=
"View SMS Message"
/>
</
ItemTemplate
>
<
HeaderStyle
HorizontalAlign
=
"Left"
/>
<
ItemStyle
HorizontalAlign
=
"Left"
/>
</
telerik:GridTemplateColumn
>
</
Columns
>
</
MasterTableView
>
<
ClientSettings
>
<
Selecting
AllowRowSelect
=
"True"
/>
<
ClientEvents
OnRowDblClick
=
"RowDblClick"
/>
<
Scrolling
AllowScroll
=
"True"
UseStaticHeaders
=
"True"
ScrollHeight
=
"135px"
/>
<
ClientEvents
OnScroll
=
"HandleScrolling"
/>
</
ClientSettings
>
</
telerik:RadGrid
>
<
telerik:RadTabStrip
ID
=
"RadTabStrip1"
runat
=
"server"
MultiPageID
=
"RadMultiPage1"
SelectedIndex
=
"0"
CssClass
=
"tabStrip"
>
<
Tabs
>
<
telerik:RadTab
Text
=
"Messages"
>
</
telerik:RadTab
>
<
telerik:RadTab
Text
=
"Greetings"
Visible
=
"false"
>
</
telerik:RadTab
>
<
telerik:RadTab
Text
=
"Trailers"
Visible
=
"false"
>
</
telerik:RadTab
>
</
Tabs
>
</
telerik:RadTabStrip
>
<
telerik:RadMultiPage
ID
=
"RadMultiPage1"
runat
=
"server"
SelectedIndex
=
"0"
CssClass
=
"multiPage"
>
<
telerik:RadPageView
ID
=
"RadPageView1"
runat
=
"server"
>
<
ucMessages:Messages
ID
=
"ucMessages"
runat
=
"server"
/>
</
telerik:RadPageView
>
<
telerik:RadPageView
ID
=
"RadPageView3"
runat
=
"server"
>
<
ucMessages:Messages
ID
=
"ucGreetingMessages"
runat
=
"server"
/>
</
telerik:RadPageView
>
<
telerik:RadPageView
ID
=
"RadPageView4"
runat
=
"server"
>
<
ucMessages:Messages
ID
=
"ucTrailerMessages"
runat
=
"server"
/>
</
telerik:RadPageView
>
</
telerik:RadMultiPage
>
<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>
<scheduler:AdvancedForm>
<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'
;
}
},
});
});
</script>
var
r=i.KeyboardNavigation.Models.createMap(d.get_activeModel()._getContentTable(),
function
(u){q=
false
;
var
w=u.get_targetSlot().get_domElement();
var
v=w.cellIndex;
var
t=w.parentNode.rowIndex;
m.x=t;
m.y=v;
});
<
telerik:RadAjaxLoadingPanel
ID
=
"RadAjaxLoadingPanel1"
runat
=
"server"
>
</
telerik:RadAjaxLoadingPanel
>
<
telerik:RadScheduler
ID
=
"rs_Planner"
runat
=
"server"
Culture
=
"Dutch (Netherlands)"
AccessKey
=
"F"
TabIndex
=
"1"
HoursPanelTimeFormat
=
"HHtt"
LastDayOfWeek
=
"Sunday"
FirstDayOfWeek
=
"Monday"
RowHeight
=
"30px"
OverflowBehavior
=
"Expand"
Width
=
"100%"
>
<
AppointmentContextMenus
>
<
telerik:RadSchedulerContextMenu
runat
=
"server"
ID
=
"SchedulerAppointmentContextMenu"
>
<
Items
>
<
telerik:RadMenuItem
Text
=
"Ga naar klant"
Value
=
"1"
/>
<
telerik:RadMenuItem
IsSeparator
=
"True"
/>
<
telerik:RadMenuItem
Text
=
"Niveau aanpassen"
Value
=
"2"
/>
<
telerik:RadMenuItem
IsSeparator
=
"True"
/>
<
telerik:RadMenuItem
Text
=
"Klant is niet geweest"
Value
=
"3"
/>
<
telerik:RadMenuItem
IsSeparator
=
"True"
/>
<
telerik:RadMenuItem
Text
=
"Klant toevoegen aan werkvoorraad"
Value
=
"4"
/>
<
telerik:RadMenuItem
IsSeparator
=
"True"
/>
<
telerik:RadMenuItem
Text
=
"Mail boekingen naar klant"
Value
=
"5"
/>
<
telerik:RadMenuItem
IsSeparator
=
"True"
/>
<
telerik:RadMenuItem
Text
=
"Losse verkoop aan deze klant"
Value
=
"6"
/>
</
Items
>
</
telerik:RadSchedulerContextMenu
>
<
telerik:RadSchedulerContextMenu
runat
=
"server"
ID
=
"RadSchedulerContextMenu1"
>
<
Items
>
<
telerik:RadMenuItem
IsSeparator
=
"True"
/>
</
Items
>
</
telerik:RadSchedulerContextMenu
>
</
AppointmentContextMenus
>
<
WeekView
ColumnHeaderDateFormat
=
"ddd, d MMM"
HeaderDateFormat
=
"d-MMM-yyyy"
/>
<
Localization
AdvancedAllDayEvent
=
"All day"
AdvancedCalendarCancel
=
"Annuleren"
AdvancedCalendarToday
=
"Vandaag"
HeaderDay
=
"Dag"
HeaderMonth
=
"Maand"
HeaderToday
=
"Vandaag"
></
Localization
>
<
AdvancedForm
DateFormat
=
"d-M-yyyy"
TimeFormat
=
"H:mm"
Modal
=
"true"
></
AdvancedForm
>
<
AppointmentTemplate
>
<%#GetAppointment(Eval("Onderwerp"), Eval("Plaatsenover"), Eval("start"), Eval("Type"), Eval("Naam"), Eval("Niveau"), Eval("RoosterStatusOmschrijving"), Eval("Boeking"), Eval("RoosterOpmerking"), Eval("Koppel"), Eval("OpenstaandBedrag"), Eval("Geboortedatum"), Eval("AlertMemo"), Eval("lesnummer"), Eval("KlantNietGeweest"))%>
</
AppointmentTemplate
>
</
telerik:RadScheduler
>
<script type=
"text/javascript"
>
//<![CDATA[
// Dictionary containing the advanced template client object
// for a given RadScheduler instance (the control ID is used as key).
var
schedulerTemplates = {};
function
schedulerFormCreated(scheduler, eventArgs) {
// Create a client-side object only for the advanced templates
var
mode = eventArgs.get_mode();
if
(mode == Telerik.Web.UI.SchedulerFormMode.AdvancedInsert ||
mode == Telerik.Web.UI.SchedulerFormMode.AdvancedEdit) {
// Initialize the client-side object for the advanced form
var
formElement = eventArgs.get_formElement();
var
templateKey = scheduler.get_id() +
"_"
+ mode;
var
advancedTemplate = schedulerTemplates[templateKey];
if
(!advancedTemplate)
{
// Initialize the template for this RadScheduler instance
// and cache it in the schedulerTemplates dictionary
var
schedulerElement = scheduler.get_element();
var
isModal = scheduler.get_advancedFormSettings().modal;
advancedTemplate =
new
window.SchedulerAdvancedTemplate(schedulerElement, formElement, isModal);
advancedTemplate.initialize();
schedulerTemplates[templateKey] = advancedTemplate;
// Remove the template object from the dictionary on dispose.
scheduler.add_disposing(
function
() {
schedulerTemplates[templateKey] =
null
;
});
}
// Are we using Web Service data binding?
if
(!scheduler.get_webServiceSettings().get_isEmpty()) {
// Populate the form with the appointment data
var
apt = eventArgs.get_appointment();
var
isInsert = mode == Telerik.Web.UI.SchedulerFormMode.AdvancedInsert;
advancedTemplate.populate(apt, isInsert);
}
}
}
//]]>
</script>
<
telerik:RadScriptManager
ID
=
"RadScriptManager1"
Runat
=
"server"
>
<
scripts
>
<
asp:ScriptReference
Path
=
"AdvancedForm.js"
/>
</
scripts
>
</
telerik:RadScriptManager
>
<
br
/>
<
telerik:RadScheduler
ID
=
"RadScheduler1"
runat
=
"server"
EnableAdvancedForm
=
"true"
EnableDescriptionField
=
"true"
OnClientFormCreated
=
"schedulerFormCreated"
>
<
AdvancedForm
Modal
=
"true"
/>
<
AdvancedInsertTemplate
>
<
schedular:AdvForm
ID
=
"AdvForm1"
runat
=
"server"
Mode
=
"Insert"
/>
</
AdvancedInsertTemplate
>
</
telerik:RadScheduler
>