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

Dynamically enable/disable slider issue in IE

7 Answers 297 Views
Slider
This is a migrated thread and some comments may be shown as answers.
Satabdi
Top achievements
Rank 1
Satabdi asked on 03 Apr 2015, 09:48 AM
I have a kendo angular slider and numeric textbox like below:
<div kendo-slider style="float:left;margin-right:10px;" id="slider2" k-min="0" k-max="100"  ng-disabled="false"></div>
 <input id="textBox2" kendo-numeric-text-box k-min="0" k-max="100"  style="width:60px;" k-options={format:'0.'} ng-disabled="false" />

Now on click of a checkbox, I need to toggle the slider and textbox between enable/disable. I am doing it like this:

var slider2 = $("#slider2").data("kendoSlider");
slider2.enable(true);
var textBox2 = $("#textBox2").data("kendoNumericTextBox");
textBox2.enable(true);

In chrome it is working but in IE (version 11) it is not.I have also created a standalone , here also the same issue.

http://dojo.telerik.com/oGuqa/3

Thanks in advance.

Regards
Satabdi

7 Answers, 1 is accepted

Sort by
0
Petyo
Telerik team
answered on 07 Apr 2015, 06:39 AM
Hi,

your dojo had several mistakes. I fixed them, and it seems to be working as expected now, unless I am missing something.

Regards,
Petyo
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Satabdi
Top achievements
Rank 1
answered on 07 Apr 2015, 07:17 AM

Thanks Petyo, I tried with the snippet you shared but still I am not able to change the slider property dynamically.No matter what I set on button click, it is always making the slider disable.

Also initially it is set to enable even though k-ng-disabled="true" .

I am not sure if I am doing any mistake.

Thank you once again for the help.

 

Regards

Satabdi

0
Kiril Nikolov
Telerik team
answered on 09 Apr 2015, 06:40 AM

Hello Satabdi,

If you want to use the k-ng-disabled you need to set it on a property in the scope that you can change and it will affect the widget. Here is the example:

http://dojo.telerik.com/UWOli

Regards,
Kiril Nikolov
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Satabdi
Top achievements
Rank 1
answered on 22 Apr 2015, 02:54 AM

Hi Kirli

I tried with the example but it is still not working in IE. Once we can set from it from enable to disable state but after that if I want to change the state back to enable ,on click of another button, I am not able to.

http://dojo.telerik.com/UWOli/3

Can you please help me to find out what is the issue.

 

Thanks

Satabdi

0
Kiril Nikolov
Telerik team
answered on 23 Apr 2015, 08:17 AM

Hello Satabdi,

Please check the following sample, that shows the correct approach:

http://dojo.telerik.com/UWOli/4

Regards,
Kiril Nikolov
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Satabdi
Top achievements
Rank 1
answered on 23 Apr 2015, 08:36 AM

Hi Kiril 

Thank you for your time and effort but issue is still there.

 It works fine in chrome. But I am facing the issue in IE11.

I am not able to set property enable/disable dynamically in IE, not even with the approach you shared.

 

Thanks

Satabdi

0
Kiril Nikolov
Telerik team
answered on 23 Apr 2015, 01:44 PM
Hello,

I have logged an issue on GitHub, as this is IE11 specific problem. You can keep track on the progress here:

https://github.com/telerik/kendo-ui-core/issues/754

Regards,
Kiril Nikolov
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
Slider
Asked by
Satabdi
Top achievements
Rank 1
Answers by
Petyo
Telerik team
Satabdi
Top achievements
Rank 1
Kiril Nikolov
Telerik team
Share this question
or