以文本方式查看主题

-  Foxtable(狐表)  (http://foxtable.com/bbs/index.asp)
--  专家坐堂  (http://foxtable.com/bbs/list.asp?boardid=2)
----  [求助]请教Foxtable Web框架对话框的问题  (http://foxtable.com/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
--  
已经解决,谢谢老师