Foxtable(狐表)用户栏目专家坐堂 → 关于EXWEUI浮窗问题


  共有6613人关注过本帖树形打印复制链接

主题:关于EXWEUI浮窗问题

帅哥,在线噢!
有点蓝
  11楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:107135 积分:544918 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2022/3/10 17:44:00 [只看该作者]

addnew函数

e.WriteString(wb.Build)
改为
e.WriteString(wb.Buildhtml("form1"))

只返回指定控件的内容,不要返回整个网页的内容,这会导致重新加载并执行css文件

 回到顶部
帅哥哟,离线,有人找我吗?
wh420
  12楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:五尾狐 帖子:1107 积分:10568 威望:0 精华:0 注册:2014/2/19 16:32:00
  发帖心情 Post By:2022/3/11 17:42:00 [只看该作者]

明白了 ,谢谢老师。
另外我的浮层弹出来后的样式与原来不一样了,左侧标题如何与图片同时垂直居中?目前图片居中了,但文字没有垂直居中。我在开发者工具找到那个设置垂直居中的地方了,但按下面写代码的方法设置代码无效,老师帮忙看看哪里不对。
wb.AppendHTML("<style >#ipg1 .exui-popup-center.exui-popup-show * {vertical-align:middle;}</style>")


图片点击可在新窗口打开查看此主题相关图片如下:qq截图20220311173800.png
图片点击可在新窗口打开查看

是不是因为他是EXWEUI.css的设置方法不一样?
[此贴子已经被作者于2022/3/11 17:45:51编辑过]

 回到顶部
帅哥,在线噢!
有点蓝
  13楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:107135 积分:544918 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2022/3/12 8:34:00 [只看该作者]

全世界的css设置方法都一样

wb.AppendHTML("<style >.exui-popup-center.exui-popup-show{vertical-align:middle;}</style>",true)

 回到顶部
帅哥哟,离线,有人找我吗?
wh420
  14楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:五尾狐 帖子:1107 积分:10568 威望:0 精华:0 注册:2014/2/19 16:32:00
  发帖心情 Post By:2022/3/14 14:05:00 [只看该作者]

这样我也试了,就是不知道他是否生效,也不报错,所以只有反复的调试。
您给看看哪里错了,上传了项目(图片素材在压缩包内)

 下载信息  [文件大小:   下载次数: ]
图片点击可在新窗口打开查看点击浏览该文件:ajax浮窗图片垂直居中.rar



 回到顶部
帅哥,在线噢!
有点蓝
  15楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:107135 积分:544918 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2022/3/14 14:25:00 [只看该作者]

样式的设置要放到主页面list.htm

wb.AppendHTML("<style >.exui-popup-center.exui-popup-show *{vertical-align:middle;}</style>",True)

 回到顶部
帅哥哟,离线,有人找我吗?
wh420
  16楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:五尾狐 帖子:1107 积分:10568 威望:0 精华:0 注册:2014/2/19 16:32:00
  发帖心情 Post By:2022/3/14 15:38:00 [只看该作者]

问题解决。

 回到顶部
帅哥哟,离线,有人找我吗?
wh420
  17楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:五尾狐 帖子:1107 积分:10568 威望:0 精华:0 注册:2014/2/19 16:32:00
  发帖心情 Post By:2022/3/14 16:15:00 [只看该作者]

编辑页面也用浮层来实现,但由于编辑页面会有PAGE及KEY等其他参数,如何改写下面代码片段?

list.htm页面
...
Add("mnuEdit", "编辑记录").Attribute ="on c l i ck=""openPopup('pop02')"""
...
With ExWeUI.WebUI.AddPopup("pop02","edit.htm?id=2",3) '由于一个页面添加了多个popup,id参数用于区分设置popup里面的页面的控件id,避免出现重复控件ID
    .Width = "70%" '内容区域宽度
    .ZIndex = "100"
    wb.InsertHTML("",.BuildHtml)
End With

edit.htm页面

Dim id As String = e.GetValues("id") 'id参数用于区分设置popup里面的页面的控件id,避免出现重复控件ID
Dim Page As Integer '页码变量
If e.GetValues.ContainsKey("page") Then  '如果地址中有page参数
    Integer.TryParse(e.GetValues("page"), page) '提取page参数
End If
Dim PageNumber As Integer = e.GetValues("page")
Dim PrimaryKey As Integer = e.GetValues("key")
Dim PageURL = "List.htm?page=" & PageNumber
If PrimaryKey <> -1 Then
    If e.PostValues.Count = 0  Then '生成编辑页面
        Dim dr As DataRow = DataTables("ShouZhi").SQLFind("[szid]=" & PrimaryKey)
        If dr IsNot Nothing Then
            wb.AddTopTips("","toptip1","必填项填写完整!")
            
            wb.AddForm("","form1","edit.htm?key=" & PrimaryKey &  "&page=" & PageNumber).Attribute = "" '调

[此贴子已经被作者于2022/3/14 16:17:59编辑过]

 回到顶部
帅哥,在线噢!
有点蓝
  18楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:107135 积分:544918 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2022/3/14 16:34:00 [只看该作者]

edit也改为使用ajax打开和提交数据即可

 回到顶部
帅哥哟,离线,有人找我吗?
wh420
  19楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:五尾狐 帖子:1107 积分:10568 威望:0 精华:0 注册:2014/2/19 16:32:00
  发帖心情 Post By:2022/3/14 17:50:00 [只看该作者]

我没有用ajax打开EDIT页面,我使用的是EXWEUI里的浮层。
您帮忙看看我要从LIST.HTM页面点“编辑”按钮实现弹出浮层编辑。

ADDNEW.HTM我调试好了,但EDIT.HTM涉及参数就有点蒙圈了。老师帮忙看看附件已上传。

 下载信息  [文件大小:   下载次数: ]
图片点击可在新窗口打开查看点击浏览该文件:ajax浮窗edit.rar



 回到顶部
帅哥,在线噢!
有点蓝
  20楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:107135 积分:544918 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2022/3/14 20:18:00 [只看该作者]

看最新版的exweui帮助浮层有个js函数openPopup,可以通过传入url方式打开浮层,在url里插入参数即可

openPopup(id,url)

 id  Popup的ID。
 url  需要显示的页面地址

list.htm页面
...
Add("mnuEdit", "编辑记录").Attribute ="on c l i ck=""edit()"""

js函数
function edit(){
openPopup('pop02',"edit.htm?id=2&page=" + table1.pagenumber + "&key=" + table1.primarykey)
}

 回到顶部
总数 51 上一页 1 2 3 4 5 6 下一页