durandalJS dialog的数据回传

发布时间 2023-04-26 11:29:49作者: 【唐】三三

正在搜索: 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。

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