angularjs – 当单击表单上的按钮时,在角度然后打开窗口中动态设
发布时间:2020-12-17 17:24:33 所属栏目:安全 来源:网络整理
导读:这是基本场景:在我的一些表单字段旁边,我有一个带有问号图像的小按钮.如果用户单击该按钮,我想使用kendo窗口显示该特定字段的帮助消息.我想将模态窗口的标题设置为相关的表单fieldname,并使用该字段的帮助消息设置窗口内容. 下面的代码来自我想要构建的示例
这是基本场景:在我的一些表单字段旁边,我有一个带有问号图像的小按钮.如果用户单击该按钮,我想使用kendo窗口显示该特定字段的帮助消息.我想将模态窗口的标题设置为相关的表单fieldname,并使用该字段的帮助消息设置窗口内容.
下面的代码来自我想要构建的示例:http://kendo-labs.github.io/angular-kendo/#/Window 如果您注意到按钮的ng-click事件,则会调用kendo-window的open()方法.但是标题是用k-title静态设置的.我已将其更改为指向范围变量. 我需要在我的Controller中调用一个函数,它将根据用户询问的表单字段更改$scope.helpTitle和$scope.helpContent,然后打开kendo窗口. 根据用户请求帮助的字段然后打开窗口,动态设置kendo模式窗口的标题和内容的“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(); (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |