在AngularJS中使用带有KendoUI的模态窗口

时间:2013-06-20 04:02:41

标签: angularjs kendo-ui modal-dialog

有没有人有使用AngularJS的KendoUI窗口的经验?

我目前正在使用Angular-Kendo,但我并不完全确定要干净利用窗口。或者,如果有任何其他解决方案用于呈现模态对话框并使用通过部分加载的表单填充它,我也可以打开它。

我当前的代码看起来像这样:

HTML:

    <div kendo-window id="addWindow" ng-hidden></div>

JS:

    $scope.addSection = function() {
        $("#addWindow").data("kendoWindow").open();
        return false;
    };

但是我讨厌这个,而且我在做其他事情感觉不对。有关更好方法的想法吗?

3 个答案:

答案 0 :(得分:4)

答案 1 :(得分:2)

@anise感谢你提供的信息

最后我也解决了这个问题。

<强> 控制器

$scope.window;

$scope.OpenWindow= function()  // custom function on click
{
  $scope.DlgOptions = {
            width: 550,
            height: 400,
            visible: false,
            actions: [

                "Maximize",
                "Close"
            ]
        };

        $scope.window.setOptions($scope.DlgOptions);
        $scope.window.center();  // open dailog in center of screen
        $scope.window.open();
};

<强> 查看

 <div kendo-window="window" k-visible="false" k-modal="true">   </div> 

答案 2 :(得分:0)

查看此库

https://github.com/kjartanvalur/angular-kendo-window

  var windowInstance = $kWindow.open({
                        options:{
                         modal: true,
                         title: "Window title",
                         width: 400,
                       },
                        templateUrl: 'modal1.html',
                        controller: 'modalController',
                        resolve: {
                            parameter1: function () {
                                return "Test...";
                            }
                        }
                    });
                    windowInstance.result.then(function (result) {
                        // Here you can get result from the window
                    });