| 以文本方式查看主题 - Foxtable(狐表) (http://foxtable.net/bbs/index.asp) -- 专家坐堂 (http://foxtable.net/bbs/list.asp?boardid=2) ---- [求助]请教Foxtable Web框架对话框的问题 (http://foxtable.net/bbs/dispbbs.asp?boardid=2&id=135102) |
| -- 作者：paniwangji -- 发布时间：2019/5/16 22:29:00 -- [求助]请教Foxtable Web框架对话框的问题 我想达到的效果是双击table每行都能弹出一个类似foxtable中模式窗口的效果，并在窗口内实现提交各种数据的功能。我现在的思路是把页面绑定到modal对话框中。这种是否可以实现我的要求，想请教一下各位老师具体实际怎么做？ |
| -- 作者：有点甜 -- 发布时间：2019/5/16 23:49:00 --
为什么不可以？做一个页面，然后绑定到对话框里显示，即可。
|
| -- 作者：paniwangji -- 发布时间：2019/5/17 8:25:00 -- 帮助里对这个组件好像没有类似实例介绍，所以不知如何下手 能否告知JS打开对话框应该怎么写？
[此贴子已经被作者于2019/5/17 8:27:15编辑过]
|
| -- 作者：有点蓝 -- 发布时间：2019/5/17 8:56:00 -- 漏了这个说明，下次补上。 双击事件绑定的函数： 打开对话框 this.pageData.modal1.show = true; //modal1为对话框名称 关闭对话框 this.pageData.modal1.show = false; |
| -- 作者：paniwangji -- 发布时间：2019/5/17 9:17:00 -- 谢谢
[此贴子已经被作者于2019/5/17 12:37:07编辑过]
|
| -- 作者：paniwangji -- 发布时间：2019/5/17 12:37:00 -- 我想在请教一下，向modal1中form1表单传递一个row的数据应该怎么写？ |
| -- 作者：有点蓝 -- 发布时间：2019/5/17 13:48:00 -- 比如双击事件 onRowDblClick: function onRowDblClick(row, index) { if (this.pageData.modal1.show) { this.$refs.modalcontent1.pageData.form1.data = row; } }, this.$refs.组件引用名称.pageData.form1.data = row; 前提是表格的列名和表单里控件的列名是一致的。 ----------------------------------------- 如果不一致，可以通过组件数据名称传递 onRowDblClick: function onRowDblClick(row, index) { if (this.pageData.modal1.show) { this.pageData.modal1.mydata = row; } }, this.pageData.modal1.组件数据名称 = row; 然后被modal1绑定的页面可以添加一个props属性 props: { value: { type: Object }, } 通过this.value获取传入的row数据 |
| -- 作者：paniwangji -- 发布时间：2019/5/17 14:03:00 -- 已经解决，谢谢老师 |