首页 > 其他分享 >durandalJS dialog的数据回传

durandalJS dialog的数据回传

时间:2023-04-26 11:36:16浏览次数:40  
标签:模态 返回 对话框 durandalJS app 主视图 dialog showModal 回传

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

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

标签:模态,返回,对话框,durandalJS,app,主视图,dialog,showModal,回传
From: https://www.cnblogs.com/tangge/p/17355099.html

相关文章

  • pyqt5-QFileDialog
    1、介绍这是pyqt的文件选择窗口。2、使用(1)单一文件选择getOpenFileName(parent:QWidget=None,caption:str='',directory:str='',filter:str='',initialFilter:str='',options:Union[QFileDialog.Options,QFileDialog.Option]=......
  • pyqt5-QInputDialog
    1、介绍这是pyqt的对话框输入组件。2、使用getText弹出对话框,让用户输入单行文本getMultiLineText弹出对话框,让用户输入多行文本getInt弹出对话框,让用户输入整数getItem弹出对话框,让用户选择选项fromPySide2.QtWidgetsimportQInputDialog,QLineEdit​#返回值分......
  • el-dialog每次重新打开展示不同的内容,滚动条未重新置顶的解决方案。
    环境nuxt3+vu3+element-plus-2.3.3复现原因假设有5条内容,打开一项内容通过el-dialog进行展示,当出现滚动条后,往下滑动,紧接着通过esc或遮罩进行关闭,打开另一项内容,这时候滚动条并未进行置顶。解决方法参考就行了。js部分constdata=reactive({newsDialog:{s......
  • AlertDialog(对话框)详解
    本节继续给大家带来是显示提示信息的第三个控件AlertDialog(对话框),同时它也是其他Dialog的的父类!比如ProgressDialog,TimePickerDialog等,而AlertDialog的父类是:Dialog!另外,不像前面学习的Toast和Notification,AlertDialog并不能直接new出来,如果你打开AlertDialog的源码,会发现构造方法......
  • PyQT5 QFileDialog文件操作程序崩溃处理
    最近用PyQT写个窗体工具,用到QFileDialog处理文件时程序就崩掉了,网上查的降版本,换32位解释器都尝试了都不靠谱,后面无意中看到一段示例代码终于解决了,记录一下,在给掉坑里的小伙伴做个参考。原代码是用qt模板生成的,添加的构造方法:#-*-coding:utf-8-*-fromPyQt5importQtCo......
  • Android开发中Dialog填充满父容器
    Android开发中Dialog填充满父容器在Android原生开发中,通常会使用自定义的Dailog来设计二级面板,其自带一个黑色透明的遮蔽效果。但是想要将Dialog填充满父容器,是需要一些尝试的。环境介绍自定义Dialog类,加载自定义布局layout并进行数据绑定,同时创建接口进行信息传递。其中布局......
  • window.showModalDialog与window.open
    //window.showModalDialog全屏显示functionwinModalFullScreen(strURL){varsheight=screen.height-70;varswidth=screen.width-10;varwinoption="dialogHeight:"+sheight+"px;dialogWidth:"+swidth+"px;status:yes;scroll:yes;resiz......
  • AlertDialog(对话框)详解
    本节继续给大家带来是显示提示信息的第三个控件AlertDialog(对话框),同时它也是其他Dialog的的父类!比如ProgressDialog,TimePickerDialog等,而AlertDialog的父类是:Dialog!另外,不像前面学习的Toast和Notification,AlertDialog并不能直接new出来,如果你打开AlertDialog的源码,会发现构造方法......
  • Pro Android学习笔记(四六):Dialog(3):对话框弹对话框
    提示框的按钮Help,将触发弹出新的帮助提示框。帮助提示框的实现帮助提示框的实现很简单,利用重写onCreateView()的方式,点击按钮是执行dismiss(),关闭对话框即可。代码不在此重复。dialogfragment的关闭有两种方式,一种是在dialogfragment中直接执行dismiss(),我们来看看DialogFragmen......
  • Pro Android学习笔记(四五):Dialog(2):DialogFragment
    DialogFragment的实例newInstance()已经在上一次学习笔记中实现。我们创建dialog的UI,可以通过重写DialogFragment的两个函数当中的一个来实现,这两个函数是onCreateView()和onCreateDialog(),前者返回view,后者返回dialog,如同通过AlertDialog.Builder构造一样。重写onCreateView()重写......