jQWidgets Forums

Tagged: Angular, Angular data binding, Angular window, angularjs, jquery window, jqxwindow, title, window

This topic contains 1 reply, has 2 voices, and was last updated by Dimitar 8 years, 7 months ago.

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

Author

jqx-window: issue in version 4.2.1 – data binding in title Posts

September 8, 2016 at 8:29 am jqx-window: issue in version 4.2.1 – data binding in title #87186

badera

Participant

There is an issue in jqx-window in version 4.2.1 which will make it impossible to have an angular data binding in the title of the window.

Look demo below: After opening the window, if we click on the ‘cancel’ button, it should change the title of the window to ‘cancel’. But it does not.
This worked in version 4.1.2 of jqWidgets.
I took as base your example /angularjs-demos/dialog.htm

<!DOCTYPE html>
<html ng-app="demoApp">
<head>
    <title id='Description'>jqxWindow Directive for AngularJS.</title>
    <link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css"/>
    <script type="text/javascript" src="../../scripts/angular.min.js"></script>
    <script type="text/javascript" src="../../scripts/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="../../scripts/demos.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxbuttons.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxwindow.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxscrollbar.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxangular.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxpanel.js"></script>
    <script type="text/javascript">
        var demoApp = angular.module("demoApp", ["jqwidgets"]);
        demoApp.controller("demoController", function ($scope) {
            $scope.jqxWindowSettings = {
                maxHeight: 150, maxWidth: 280, minHeight: 30, minWidth: 250, height: 145, width: 270,
                resizable: false, isModal: true, autoOpen: false, modalOpacity: 0.3
            };

            // show button click handler.
            $scope.showWindow = function () {
                $scope.jqxWindowSettings.apply('open');
            }

            // Ok button click handler.
            $scope.Ok = function () {
                $scope.jqxWindowSettings.apply('close');
            }

            // cancel button click handler.
            $scope.Cancel = function () {
                $scope.title = 'cancel';
            }

            $scope.title = 'Title';
        });
    </script>
</head>
<body class='default'>
<div ng-controller="demoController">
    <jqx-window jqx-settings="jqxWindowSettings">
        <div>
            {{title}}
        </div>
        <div>
            <div>
                Window Title again: <b>{{title}}</b><br><br>

                If <i>Cancel</i> is pressed, the window title should change to <i>cancel</i>. But it does not...
            </div>
            <div>
                <div style="float: right; margin-top: 15px;">
                    <jqx-button jqx-on-click="Ok()" style="margin-right: 10px">Ok</jqx-button>
                    <jqx-button jqx-on-click="Cancel()">Cancel</jqx-button>
                </div>
            </div>
        </div>
    </jqx-window>
    <jqx-button jqx-on-click="showWindow()">Open Window</jqx-button>
</div>
</body>
</html>

I hope that this will be fixed. Thanks!
– badera

September 8, 2016 at 10:00 am jqx-window: issue in version 4.2.1 – data binding in title #87191

Dimitar

Participant

Hello badera,

Thank you for your valuable feedback. This issue will be fixed in the next version of jQWidgets.

Best Regards,
Dimitar

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

Author

Posts

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

You must be logged in to reply to this topic.