Scheduler - Creating Appointments with Drag-and-drop

8 posts, 0 answers
  1. Qasim
    Qasim avatar
    5 posts
    Member since:
    Jan 2014

    Posted 17 Apr 2014 Link to this post

    Hi,
    Actually my requirement is quit similar to the below demo link, Let me explain my requirements step by step

    1. Very First I want to show TreeView / ListView which contains the ID, Name ,Detail & Picture for each record and this should bind with DataSet automatically on page load or button click event. DataSet contain ID, Name, Detail and PictureURL.

    2. Second : I can Drag & drop the Item from TreeView / ListView on RadScheduler so it should add that appointment with date & time and remove that itme from TreeView / ListView.

    3. Third : Once I press the SAVE Button on the page all those appointments which I have drag from TreeView / ListView, I should able to store into database with that ID.

    3. Fourth : same Radscheduler also show already SAVED appointments, those appointments also available in DATASET, that DataSet contain the following fields ID,Subject(Name+Detail), and somother fields for navigation url link.

    http://demos.telerik.com/aspnet-ajax/scheduler/examples/creatingappointmentswithdraganddrop/defaultcs.aspx#


     Thank you waiting for your quick and prompt response.
  2. Plamen
    Admin
    Plamen avatar
    2731 posts

    Posted 21 Apr 2014 Link to this post

    Hi,

    1-2) After inspecting the scenario it seems that the best approach for your case is to use the one that is used in this on-line demo where server-side functionality is used and Database is updated in the code behind.

    3) Its not supported by RadScheduler.

    I am attaching a sample web page where the described behavior is implemented with RadGrid. 

    Hope this information will be helpful.

    Regards,
    Plamen
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Harish
    Harish avatar
    11 posts
    Member since:
    Mar 2012

    Posted 02 May 2014 Link to this post

    Hi,

    I'm using TimelineView to display movie schedules.

    <TimelineView UserSelectable="true" GroupBy="ScreenName" GroupingDirection="Vertical"
                        SlotDuration="01:00:00" EnableExactTimeRendering="true" TimeLabelSpan="1" StartTime="6:00:00" ColumnHeaderDateFormat="HH:mm"
                        NumberOfSlots="24" ShowInsertArea="true"></TimelineView>
     
    When i use drag and drop, the control is only allowing me to drop for every hour for example if the appointment is at 13:00 i could only drop at 14:00 or 15:00 etc.

    How to i drop for specific minute for example if the appointment is at 13:00 i need to drop it at 13:05 or 13:15.

    Thank you waiting for your quick response.
  5. Plamen
    Admin
    Plamen avatar
    2731 posts

    Posted 05 May 2014 Link to this post

    Hello,

    The desired behavior is not supported when the duration of a timeslot is 1 hour. Here are the setting which I added to achieve similar behavior:
    <TimelineView UserSelectable="true" GroupBy="User" GroupingDirection="Vertical"
                       SlotDuration="00:05:00" TimeLabelSpan="12" StartTime="6:00:00" ColumnHeaderDateFormat="HH:mm"
                       NumberOfSlots="120" ShowInsertArea="true"></TimelineView>

    Hope this will explain the issue.

    Regards,
    Plamen
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  6. Harish
    Harish avatar
    11 posts
    Member since:
    Mar 2012

    Posted 08 May 2014 in reply to Plamen Link to this post

    Hi,

    I'm using the following code for displaying appointments

    <TimelineView UserSelectable="true" GroupBy="ScreenName" GroupingDirection="Vertical"
                        SlotDuration="00:05:00" EnableExactTimeRendering="true" TimeLabelSpan="12" StartTime="6:00:00" ColumnHeaderDateFormat="HH:mm"
                        NumberOfSlots="288" ShowInsertArea="true"></TimelineView>

    When i drag & drop i get the following error

    Sys.WebForms.PageRequestManagerServerErrorException: Insertion index was out of range. Must be non-negative and less than or equal to size.

    Please help me to resolve this issue

    Regards,
    Harish P
  7. Plamen
    Admin
    Plamen avatar
    2731 posts

    Posted 12 May 2014 Link to this post

    Hello Harish,

    It sounds like an bug in RadScheduler when dragging appointments from one resource to another that was recently fixed. I will recommend you to use the latest version of the control where the issue should be gone. 

    Hope this information will be helpful.

    Regards,
    Plamen
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  8. Harish
    Harish avatar
    11 posts
    Member since:
    Mar 2012

    Posted 12 May 2014 in reply to Plamen Link to this post

    Hi,

    Can this issue be fixed in the build 2013.3 1324 ?

    Regards,
    Harish P
  9. Plamen
    Admin
    Plamen avatar
    2731 posts

    Posted 13 May 2014 Link to this post

    Hi,

    Actually the issue was fixed two weeks ago so a fixed version is currently available only in the latest internal Build and will be available in the next major releases.

    Hope this will explain the issue.

    Regards,
    Plamen
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017