jQWidgets Forums

This topic contains 3 replies, has 2 voices, and was last updated by Peter Stoev 10 years, 7 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Angular jqxNumberInput caret position bug Posts

December 8, 2014 at 4:18 am Angular jqxNumberInput caret position bug #63885

Participant

Load this and then try to spin down.
The caret is in the wrong position and so we’re stuck at -1.
Does not occur with non-angular jqxNumberInput, only with the AngularJS directive version.


<!DOCTYPE html>
<html ng-app="demoApp">
<head>
    <title id='Description'>NumberInput Directive for AngularJS</title>
    <link rel="stylesheet" href="//jqwidgets.com/public/jqwidgets/styles/jqx.base.css" type="text/css" />
    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.5/angular.min.js"></script>
    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script type="text/javascript" src="//jqwidgets.com/public/jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="//jqwidgets.com/public/jqwidgets/jqxnumberinput.js"></script>
    <script type="text/javascript" src="//jqwidgets.com/public/jqwidgets/jqxbuttons.js"></script>
    <script type="text/javascript" src="//jqwidgets.com/public/jqwidgets/jqxangular.js"></script>
    <script type="text/javascript">
        var demoApp = angular.module("demoApp", ["jqwidgets"]);
        demoApp.controller("demoController", function ($scope) {

        });
    </script>
</head>
<body>
    <div ng-controller="demoController">
        Try to spin down:<br/>
        <jqx-number-input
            jqx-spin-buttons="true"
            jqx-input-mode="simple"
            jqx-decimal-digits="0"
            ></jqx-number-input>
    </div>
</body>
</html>

December 8, 2014 at 8:09 am Angular jqxNumberInput caret position bug #63894

Peter Stoev

Keymaster

Hi Fire613,

It should be “‘simple'”. The inputMode property should be set to a string and as you know in AngularJS you should do it in the way I wrote you i.e the problem is that you set Invalid Property.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

December 8, 2014 at 7:55 pm Angular jqxNumberInput caret position bug #63919

Fire613

Participant

You’re right that I made a mistake by ommiting the quotes with ‘simple’ and that it corrects my problem. Thank you. However, note that the problem still exists if you remove the jqx-input-mode property altogether (i.e., so it is defaulted to ‘advanced’). You cannot go down past -1.

December 9, 2014 at 9:05 am Angular jqxNumberInput caret position bug #63945

Peter Stoev

Keymaster

Hi Fire613,

I don’t think this is related with AngularJS integration.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.