This is a migrated thread and some comments may be shown as answers.

RadDatePicker dateinput disabled itself

5 Answers 103 Views
Calendar
This is a migrated thread and some comments may be shown as answers.
Ruchi
Top achievements
Rank 1
Ruchi asked on 18 Feb 2015, 09:09 AM
Hello team,

I am using RadDatePicker in a user control, then loading user control dynamically into a div.

We applied KendoSortable function on that div for drag and drop.

Now if i add "<script src="Scripts/jquery-2.1.3.min.js"></script>" then date picker input enables but kendosortable gives error : "Uncaught TypeError: undefined is not a function"
and if i remove that line then Drag and drop works Calender input diable itself.


Can anyone help me out with this scenario??

Thanks in advance.

Regards,
Ruchi Patel

5 Answers, 1 is accepted

Sort by
0
Maria Ilieva
Telerik team
answered on 23 Feb 2015, 11:08 AM
Hello Ruchi,

Can you please elaborate a bit more and let me know if you are using RadDatePicker for ASP .NET AJAX or you are using the Kendo DatePicker widget?

Regards,
Maria Ilieva
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.

 
0
Ruchi
Top achievements
Rank 1
answered on 23 Feb 2015, 11:20 AM
Hello Maria,

Thanks For the reply, get it resolved now by placing "ignore: input" to the sortable method.

but there is one more issue i am struggling with as below:
Div which i am using in sortable method, is having radiobuttonlist, once i click on div and move it, Radio button lost its value.

Let me know if any solution you find for kendo sortable keep values in copy div as well.

Thanks and Regards,
Ruchi Patel
0
Konstantin Dikov
Telerik team
answered on 27 Feb 2015, 09:04 AM
Hello Ruchi,

Can you please provide some code snippet or create an example at http://dojo.telerik.com/, so we can have a better idea of your exact scenario.

On a side note, it will be more productive if you provide detailed information on your exact scenario when opening a forum thread. Furthermore, for receiving the best possible assistance, you should post in the correct product section.


Regards,
Konstantin Dikov
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.

 
0
Ruchi
Top achievements
Rank 1
answered on 30 Dec 2015, 11:32 AM

Hello Konstantin,

First apologize for too late reply. i was busy with some other stuff.  

Please find code snippet below:

 <div class="content">
                    <div class="row">
                        <div class="col-sm-12 col-md-3 col-lg-6" id="radiolist">
                            <asp:RadioButtonList ID="rbtnDuration" runat="server" CssClass="inline-rb" TextAlign="Right" RepeatDirection="Horizontal" AutoPostBack="false" onclick="getDurationSelectedValue(this);">
                                <asp:ListItem Value="1">Month</asp:ListItem>
                                <asp:ListItem Value="2">Week</asp:ListItem>
                                <asp:ListItem Value="3">Day</asp:ListItem>
                            </asp:RadioButtonList>
                        </div>
                        <div class="col-xs-6 col-md-3 col-lg-3" id="datepicker" style="padding-top: 5px;">
                            <telerik:RadDatePicker ID="radVerifyDate" runat="server" MinDate="01/01/1000" MaxDate="01/01/3000" ClientEvents-OnDateSelected="getVerifyDate" Width="120px"></telerik:RadDatePicker>
                        </div>
                        <div class="col-xs-3 col-md-2 col-lg-1" id="btngrp" style="bottom: 4px; padding-left: 25px;padding-top: 5px;">
                            <div id="divBtnGo" runat="server">
                            </div>
                        </div>
                        <div class="col-xs-3 col-md-1 col-lg-1" style="padding: 5px 23px;">
                            <div id="divBtnRefresh" runat="server">
                            </div>
                        </div>
                    </div>
                    <div class="row" id="divDiscreteResults" runat="server">
                        <div class="col-lg-12">
                        </div>
                    </div>
                </div>

using this div in kendo sortable method as below:

 $("#<%= leftSortable.ClientID%>").kendoSortable({
                ignore: "input",
                filter: ">div",
                cursor: "move",
                handle: '.widgetHandle',
                disabled: ".disabled",
                connectWith: "#<%= rightSortable.ClientID%>",
                placeholder: placeholder,
                hint: hint
            });

leftSortable and rightSortable is a div ID Where we do drag and drop.

 Instead of radio buttonlist,if i use asp radio buttons, it works well. but i want to use radio buttonlist. so when i drag the div contaning radio button list. it lost its selected value and all radio buttons are deselected.

 Awaiting for your reply.

 Thanks and Regards,

Ruchi Patel

0
Konstantin Dikov
Telerik team
answered on 01 Jan 2016, 12:07 PM
Hello Ruchi,

Please refer to the following help article for the scenario that you have:
On a side note, please note that combining server ASP.NET AJAX controls with kendoSortable is not supported and could lead to multiple issues in the long run.


Regards,
Konstantin Dikov
Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Tags
Calendar
Asked by
Ruchi
Top achievements
Rank 1
Answers by
Maria Ilieva
Telerik team
Ruchi
Top achievements
Rank 1
Konstantin Dikov
Telerik team
Share this question
or