为什么我不能关上我的剑道窗

Question

我的页面上有一个剑道窗口：

<kendo-button ng-click="modalEnquiryText.center().open();" value="Open" class="k-button">
    Enquiry Text
</kendo-button>

<div kendo-window="modalEnquiryText" k-width="1000" k-height="380" k-visible="false" k-title="'Enquiry Text Viewer'">

    <div class="col-md-12">

        <div class="k-content">
            <ul kendo-panel-bar k-options="panelBarOptions">
                <li class="k-state-active">
                    Current Sticky Notes
                    <div class="row">
                        <div class="col-md-12">
                            <textarea id="EnquiryTextEditor" kendo-editor k-ng-model="FormattedEnquiryText"></textarea>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <br />
    <div class="pull-right">
        <kendo-button ng-click="modalenquirytext.center().close(); bindHtml()" value="Close" class="k-button k-primary">
            Add Enquiry Text
        </kendo-button>

        <kendo-button  ng-click="closeModal(); modalEnquiryText.center().close()" value="Cancel" class="k-button">
            Discard and Close Window
        </kendo-button>
    </div>
</div>

我尝试用两个函数使用ng-click，但这不起作用，我尝试使用jQuery选择窗口div并使用以下代码关闭它：

$scope.bindHtml = function() {
                        $scope.enquiryText = strip($scope.FormattedEnquiryText);
                        //reset values on close
                        $("#EnquiryTextEditor").data("kendoEditor").value("");
                        commmonUtilities.addAlert('Enquiry Text Added', 'success');

                       $("#modalEnquiryText").data("kendoWindow").close();

                        //$("#modalEnquiryText").data("kendoWindow").close();
                    };

.close()；是一个未定义的函数。

有人知道我需要改变什么吗？我用的是带有剑道ui的angularJs。

Answer 1

在角(kendo-window="modalEnquiryText")中向Kendo小部件添加一个名称，可以通过作用域/控制器访问小部件对象--因此在您的示例中，可以在ng单击函数中使用$scope.modalEnquiryText.close()。这样的东西可能会起作用：

$scope.bindHtml = function() {
  $scope.enquiryText = strip($scope.FormattedEnquiryText);
  $scope.FormattedEnquiryText = ""; // Don't use jQuery here either! Angular bindings are two-way.
  commmonUtilities.addAlert('Enquiry Text Added', 'success');
  $scope.modalEnquiryText.close();
};