durandalJS dialog的数据回传


正在搜索: durandalJS dialog的数据回传

正在搜索: durandalJS dialog的数据回传

正在搜索: durandalJS dialog data return

正在搜索: durandalJS dialog data return

正在为你生成答案…

正在为你生成答案…

DurandalJS是一个JavaScript框架,它可以用来创建单页应用程序。它支持模态对话框,可以用来在表格中选择一个元素并将其返回到主视图模型。您可以使用app.showModal方法打开模态对话框,并在关闭时返回所选元素1。
您是否需要了解有关如何使用DurandalJS创建模态对话框并从中返回数据的更多信息?

是的,请告诉我更多关于如何使用DurandalJS创建模态对话框并从中返回数据的信息。#

已发送电子邮件. 是的,请告诉我更多关于如何使用DurandalJS创建模态对话框并从中返回数据的信息。
在DurandalJS中,您可以使用app.showModal方法打开模态对话框。例如,您可以在主视图模型中创建一个函数,当链接被点击时调用该函数:

var changeSender = function (item) {
    app.showModal ('viewmodels/sender');
};

上面的代码将打开名为’sender’的模态对话框。您可以在’sender’的视图模型中定义一个按钮,当按钮被点击时关闭模态对话框并返回所选元素。例如:

var buttonOk = function (dialogResult) {
    this.modal.close (dialogResult);
}

上面的代码定义了一个名为’buttonOk’的函数,它将关闭模态对话框并返回’dialogResult’参数。您可以在’sender’的视图中添加一个按钮,并使用data-bind属性将其单击事件绑定到’buttonOk’函数:

<button class="btn btn-primary" data-bind="click: buttonOk">Ok</button>

当用户单击“确定”按钮时,模态对话框将关闭,并将’dialogResult’参数返回到主视图模型。您可以在主视图模型中访问返回的值,并根据需要更新UI。

这只是一个简单的例子,您可以根据需要修改它以满足您的需求。希望这些信息能够帮助您了解如何使用DurandalJS创建模态对话框并从中返回数据。

主视图模型中如何访问返回的值#

已发送电子邮件. 主视图模型中如何访问返回的值
在主视图模型中,您可以使用app.showModal方法的返回值来访问从模态对话框返回的值。app.showModal方法返回一个承诺,该承诺将在模态对话框关闭时解决,并返回从模态对话框传递的值。

例如,您可以在主视图模型中这样使用app.showModal方法:

var changeSender = function (item) {
    app.showModal ('viewmodels/sender').then(function(dialogResult) {
        // 在这里访问从模态对话框返回的值
        console.log(dialogResult);
    });
};

上面的代码将打开名为’sender’的模态对话框,并在模态对话框关闭时解决承诺。您可以在then函数中访问从模态对话框返回的值,并根据需要更新UI。

希望这些信息能够帮助您了解如何在主视图模型中访问从模态对话框返回的值。

作者:【唐】三三

出处:https://www.cnblogs.com/tangge/p/17355099.html

版权:本作品采用「署名-非商业性使用-相同方式共享 4.0 国际」许可协议进行许可。

posted @   【唐】三三  阅读(42)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· AI技术革命,工作效率10个最佳AI工具
历史上的今天:
2019-04-26 git - 1.基础
2018-04-26 内连接,外链接(左连接、右连接、全连接),交叉连接大总结+附SQL JOINS图解[转]
2017-04-26 2.选择元素 - 自定义过滤器《jquery实战》
2016-04-26 SQLSERVER查询连接数
2011-04-26 Javascript中的对象查找【转】
more_horiz
keyboard_arrow_up dark_mode palette
选择主题
menu
点击右上角即可分享
微信分享提示