I've just upgraded to the latest version of telerik to take advantage of the new drag and drop functionality, however I'm having trouble using this feature on my Motorola Droid X. The examples I've found online haven't been too helpful. I have the following client settings on both the grid and the scheduler.
What am I Missing? Any help would be much appreciated!
<ClientSettings AllowRowsDragDrop=
"True"
>
<Selecting AllowRowSelect=
"True"
/>
<ClientEvents OnRowDropping=
"rowDropping"
/>
</ClientSettings>
function rowDropping(sender, eventArgs) {
// Fired when the user drops a grid row
var htmlElement = eventArgs.get_destinationHtmlElement();
var scheduler = $find(
'<%= RadScheduler1.ClientID %>');
scheduler.get_element().style.width = k.SchedulerPreferences.SchedulerWidth +
"px"
;
scheduler.repaint();
if (isPartOfSchedulerAppointmentArea(htmlElement)) {
// The row was dropped over the scheduler appointment area
// Find the exact time slot and save its unique index in the hidden field
var timeSlot = scheduler._activeModel.getTimeSlotFromDomElement(htmlElement);
$get(
"TargetSlotHiddenField"
).value = timeSlot.get_index();
// The HTML needs to be set in order for the postback to execute normally
eventArgs.set_destinationHtmlElement(
"TargetSlotHiddenField"
);
}
else {
// The node was dropped elsewhere on the document
eventArgs.set_cancel(true);
}
refreshPage()
}
What am I Missing? Any help would be much appreciated!