gpt4 book ai didi

angularjs - 以 Angular 动态设置剑道窗口标题和内容,然后在单击表单上的按钮时打开窗口

转载 作者:行者123 更新时间:2023-12-05 01:02:30 25 4
gpt4 key购买 nike

这是基本场景:在我的一些表单字段旁边,我有一个带有问号图像的小按钮。如果用户单击按钮,我想使用剑道窗口显示该特定字段的帮助消息。我想将模态窗口的标题设置为相关的表单字段名,并使用该字段的帮助消息设置窗口内容。

下面的代码来自我想要构建的示例:http://kendo-labs.github.io/angular-kendo/#/Window

如果您在 ng-click 中注意到按钮事件,open()正在调用剑道窗口的方法。但是标题是静态设置的 k-title .我已将其更改为指向范围变量。

我需要在我的 Controller 中调用一个函数,这将改变 $scope.helpTitle$scope.helpContent根据用户询问的表单字段,然后打开剑道窗口。

什么是“Angular 方式”,可以根据用户请求帮助的字段动态设置剑道模式窗口的标题和内容,然后打开窗口?

我已经在本地对象中有帮助内容;无需通过 Ajax 获取它。

<div ng-controller="MyCtrl">
<div style="position: relative; width: 400px; height: 100px">

<button id="ExpirationDateHelp" class="k-button" ng-show="!win2visible" ng-click="win2.open()">help</button>


<div kendo-window="win2" k-title="helpTitle"
k-width="600" k-height="200" k-visible="false"
k-content="{template: helpContent }"
k-on-open="win2visible = true" k-on-close="win2visible = false"></div>
</div>
</div>

最佳答案

您可以执行以下操作:

请注意,在您编写 k-window="win2"的那一刻,创建了一个引用此窗口的范围变量。

$scope.DlgOptions = {
modal: true,
title: "My Dyanamic Title",
width: 1080,
visible: false,
draggable: false,
pinned: true,
resizable: false
};

$scope.win2.setOptions($scope.splashDlgOptions);
$scope.win2.center();
$scope.win2.open();

关于angularjs - 以 Angular 动态设置剑道窗口标题和内容,然后在单击表单上的按钮时打开窗口,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26306626/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com