Foxtable(狐表)用户栏目专家坐堂 → AddTabBar中:怎么默认打开app页面的时候就直接打开page1的页面内容 打开page1页面之后 点击里面的任何领域 都默认将内容显示在page1里面


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

主题:AddTabBar中:怎么默认打开app页面的时候就直接打开page1的页面内容 打开page1页面之后 点击里面的任何领域 都默认将内容显示在page1里面

帅哥哟,离线,有人找我吗?
cnsjroom
  1楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:七尾狐 帖子:1571 积分:11238 威望:0 精华:0 注册:2021/1/17 17:06:00
AddTabBar中:怎么默认打开app页面的时候就直接打开page1的页面内容 打开page1页面之后 点击里面的任何领域 都默认将内容显示在page1里面  发帖心情 Post By:2021/5/26 14:39:00 [只看该作者]

怎么默认打开app页面的时候就直接打开page1的页面内容   打开page1页面之后  点击里面的任何领域 都默认将内容显示在page1里面

app页面代码如下:
Dim e As RequestEventArgs = args(0)
Dim wb As New weui
wb.AddForm("","form1","ceshi1.htm")
With wb.AddTabBar("", "tb1", 0)
   .AddPage("page1","线索举报","./images/cell.png").Attribute = "style='height: 100%;'"
   .AddPage("page2","线索征集","./images/tab.png").Attribute = "style='height: 100%;'"
   .AddPage("page3","法制宣传","./images/tab.png").Attribute = "style='height: 100%;'"
   .AddPage("page4","个人中心","./images/tab.png").Attribute = "style='height: 100%;'"
End With
wb.InsertHTML("page1","<div id='divpage1'></div>")
wb.AppendHTML("<script>document.getElementById('page1_btn').addEventListener('click',function(){document.getElementById('divpage1').innerHTML=sendA jaxText('ceshi1','ceshi1.htm','',false);},false);</script>")
e.WriteString(wb.Build)

当前页面效果:
页面第一次打开时

图片点击可在新窗口打开查看此主题相关图片如下:0.png
图片点击可在新窗口打开查看
点击线索举报时

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


[此贴子已经被作者于2021/5/26 14:40:13编辑过]

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


加好友 发短信
等级:超级版主 帖子:110572 积分:562750 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2021/5/26 15:00:00 [只看该作者]

……
wb.InsertHTML("page1","<div id='divpage1'></div>")
wb.InsertHTML("<script>document.getElementById('page1_btn').click();</script>")
wb.AppendHTML("<script>document.getElementById('page1_btn').addEventListener('click',function(){document.getElementById('divpage1').innerHTML=sendA jaxText('ceshi1','ceshi1.htm','',false);},false);</script>")
e.WriteString(wb.Build)

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


加好友 发短信
等级:七尾狐 帖子:1571 积分:11238 威望:0 精华:0 注册:2021/1/17 17:06:00
回复:(有点蓝)……wb.InsertHTML("page1","<div...  发帖心情 Post By:2021/5/26 15:49:00 [只看该作者]

……
wb.InsertHTML("page1","<div id='divpage1'></div>")
wb.InsertHTML("<script>document.getElementById('page1_btn').click();</script>")
wb.AppendHTML("<script>document.getElementById('page1_btn').addEventListener('click',function(){document.getElementById('divpage1').innerHTML=sendA jaxText('ceshi1','ceshi1.htm','',false);},false);</script>")
e.WriteString(wb.Build)

解决了默认打开page1页面
怎么实现  图片上有六个领域  不管点任何一个领域的把对应领域的页面显示在page1里面

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


加好友 发短信
等级:超级版主 帖子:110572 积分:562750 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2021/5/26 16:33:00 [只看该作者]

同样的方法在点击事件里使用ajax获取页面然后给innerHTML赋值

document.getElementById('divpage1').innerHTML=sendA jaxText('ceshi1','ceshi1.htm','',false);

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


加好友 发短信
等级:七尾狐 帖子:1571 积分:11238 威望:0 精华:0 注册:2021/1/17 17:06:00
回复:(有点蓝)同样的方法在点击事件里使用ajax获取...  发帖心情 Post By:2021/5/26 16:38:00 [只看该作者]

wb.AppendHTML("<script>document.getElementById('page1_btn').addEventListener('click',function(){document.getElementById('divpage1').innerHTML=sendA jaxText('ceshi1','ceshi1.htm','',false);},false);</script>")
在APP里面page1里面  对应复制上面代码6次   然后依次为ceshi1、2、3、4、5、6?

[此贴子已经被作者于2021/5/26 16:49:15编辑过]

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


加好友 发短信
等级:超级版主 帖子:110572 积分:562750 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2021/5/26 17:11:00 [只看该作者]

给图片上六个领域 绑定点击事件

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


加好友 发短信
等级:七尾狐 帖子:1571 积分:11238 威望:0 精华:0 注册:2021/1/17 17:06:00
回复:(有点蓝)给图片上六个领域 绑定点击事件...  发帖心情 Post By:2021/5/26 17:17:00 [只看该作者]


图片点击可在新窗口打开查看此主题相关图片如下:1.png
图片点击可在新窗口打开查看
这样操作对不呢?麻烦老师指导下!
 下载信息  [文件大小:   下载次数: ]
图片点击可在新窗口打开查看点击浏览该文件:qz.txt



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


加好友 发短信
等级:超级版主 帖子:110572 积分:562750 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2021/5/27 8:33:00 [只看该作者]

既然是用原生的东西,麻烦去学学相关知识:

https://www.w3school.com.cn/tags/event_onclick.asp

绑定a标签事件:https://www.w3school.com.cn/tags/tag_a.asp
<a> 标签支持 HTML 中的事件属性

或者绑定图片事件:https://www.w3school.com.cn/tags/tag_img.asp

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


加好友 发短信
等级:七尾狐 帖子:1571 积分:11238 威望:0 精华:0 注册:2021/1/17 17:06:00
回复:(有点蓝)既然是用原生的东西,麻烦去学学相关...  发帖心情 Post By:2021/5/27 9:51:00 [只看该作者]

着实也研究了几天  没有研究得到要领

wb.InsertHTML("page1","<div id='divpage1'></div>")
wb.InsertHTML("<script>document.getElementById('page1_btn').click();</script>")
wb.AppendHTML("<script>document.getElementById('page1_btn').addEventListener('click',function(){document.getElementById('divpage1').innerHTML=sendAjaxText('ceshi','ceshi.htm','',false);},false);</script>")

这个红色代码  也没有实现打开APP页面之后 默认就打开这个ceshi页面作为page1的内容
然后再打开ceshi页面里面的六个领域分别对应的ceshi1、2、3、4、5、6页面又直接显示在page1页面,确保AddTabBar一直显示在app页面底部



[此贴子已经被作者于2021/5/27 10:31:15编辑过]

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


加好友 发短信
等级:超级版主 帖子:110572 积分:562750 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2021/5/27 10:06:00 [只看该作者]

可以试试

wb.InsertHTML("page1","<div id='divpage1'></div>")
wb.AppendHTML("<script>document.getElementById('page1_btn').addEventListener('click',function(){document.getElementById('divpage1').innerHTML=sendAjaxText('ceshi','ceshi.htm','',false);},false);document.getElementById('page1_btn').click();</script>")

如果不直接使用weui,建议还是先学一轮js,

 回到顶部
总数 15 1 2 下一页