Foxtable(狐表)用户栏目专家坐堂 → 微信网页综合很多控件在一行是如何实现的?


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

主题:微信网页综合很多控件在一行是如何实现的?

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


加好友 发短信
等级:八尾狐 帖子:1930 积分:17570 威望:0 精华:0 注册:2014/7/29 19:09:00
微信网页综合很多控件在一行是如何实现的?  发帖心情 Post By:2020/9/7 21:38:00 [显示全部帖子]


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

请教下,最顶上的标题及下面一行综合很多按钮,搜索框在一行上是如何实现的,WeUI里面好象找不到类似的用法?

谢谢!

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


加好友 发短信
等级:八尾狐 帖子:1930 积分:17570 威望:0 精华:0 注册:2014/7/29 19:09:00
  发帖心情 Post By:2020/9/7 22:00:00 [显示全部帖子]

有生成这些的html代码:但不知道如何用到WeUI中来,请老老师指点一下
<head>
<meta charset="UTF-8">
<title>订单列表</title>
<meta name="viewport" c />
<link href="../css/mui.min.css" rel="stylesheet" />
<link href="../fonts/iconfont/iconfont.css" rel="stylesheet" />
<link href="../css/fox.tools.css" rel="stylesheet" />
</head>

<body>
<div id="page0" class="page">
<!--头部筛选-->
<div class="myheader">
<!--扫描-->
<div id="scan" class="iconfont icon-muiiconrscan mysearch-left" style="font-size: 25px;" ></div>
<!--查询输入框,注意修改placeholder 筛选字段,必须用、隔开*****************************************************************************-->
<input class="mysearch-text" type="search" placeholder="供应商、采购人员、编号" filtercols="供应商、采购人员、编号" style="width: calc(100% - 90px);border-radius: 15px;text-align: left;font-size: 13px;" />
<!--搜索按钮-->
<div class="mui-icon mui-icon-search mysearch-icon" style="font-size:25px;" ></div>
<!--清除按钮-->
<div class="iconfont icon-cuowu1 mysearch-clear" style="font-size:28px;" ></div>
<!--组合筛选-->
<div id="filte" class="iconfont icon-shaixuan mysearch-right" style="font-size:25px;" ></div>
</div>
<!--列表刷新列表部分,不用修改-->
<div class="mui-content mui-scroll-wrapper mybody" id="refreshContainer" style="margin-bottom: 44px;">
<div class="mui-scroll">
<div id="newsListUl" class="mui-table-view" style="background-color: #EFEFF4;">
</div>
</div>
</div>
<!--列表刷新列表部分结束-->
<!--新增按钮-->
<button id="addnew" type="button" class="mybutton" style="color: orange;">新增</button>
</div>
<!--组合筛选部分,根据后台自动创建-->
<div id="page1" class="page" style="display: none;">
<div class="mui-content mui-row mui-fullscreen" style="margin-bottom: 45px;">
<div class="mui-col-xs-5">
<div id="segmentedControls" class="mui-segmented-control mui-segmented-control-inverted mui-segmented-control-vertical">
</div>
</div>
<div id="segmentedControlContents" class="mui-col-xs-7" style="border-left: 1px solid #DDDDDD;">
</div>
</div>
<button id="reset" type="button" class="mybutton" style="width: 34%;color: #6D6D72;" >重置</button>
<button id="cancel" type="button" class="mybutton" style="width: 34%;left: 33%;color: #6D6D72;" >取消</button>
<button id="confirm" type="button" class="mybutton" style="width: 35%;left: 66%;color: orange;" >确定</button>
</div>

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


加好友 发短信
等级:八尾狐 帖子:1930 积分:17570 威望:0 精华:0 注册:2014/7/29 19:09:00
  发帖心情 Post By:2020/9/7 22:38:00 [显示全部帖子]

单独写好一个完整的html可以,比如我已用HbuilderX写好一个完整的"新增订单.html"文件,但不知道在foxtable的httpserver中或者函数中怎么调用?
Dim e As RequestEventArgs = args(0)
If e.PostValues.Count = 0 Then
   是把整个html文件复制到这里来吗? 
   还是必须要用
   Dim sb As New StringBuilder 把写好的每句html语句拼接起来那不麻烦死了
   sb.AppendLine("<form enctype='multipart/form-data' method='post' id='form1' name='form1'>")
   sb
.AppendLine("产品: <input name='cp' id='cp'><br/><br/>")
   ....
   sb
.AppendLine("</form>")
   e
.WriteString(sb.ToString)
End If
也就是说我在手机上有个新增订单的按钮,我点击时如何调用执行这个新增订单.html文件?
感觉是哪里弄糊涂了
谢谢!

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


加好友 发短信
等级:八尾狐 帖子:1930 积分:17570 威望:0 精华:0 注册:2014/7/29 19:09:00
  发帖心情 Post By:2020/9/7 23:05:00 [显示全部帖子]

谢谢!

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


加好友 发短信
等级:八尾狐 帖子:1930 积分:17570 威望:0 精华:0 注册:2014/7/29 19:09:00
  发帖心情 Post By:2020/9/8 10:30:00 [显示全部帖子]

用6楼通过按钮是可以打开已经做好的html文件
With wb.AddButtonGroup("form1","btg1",True)
      .Add("btn2", "打开采购单", "", "./html/cgdd_table.html")  '这个可以打开
 End With
但是在grid中为什么不可以呢?
With wb.AddInputGroup("page1","cg_bt","采购管理")
    With wb.AddGrid("page1","cg2")
        .Add("g2c1","采购订单", "./images/cart.png","./html/cgdd_table.htm")  '这样写不行
End With
使用grid点击时要如何写才能打开指定的网页文件
谢谢!
 

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


加好友 发短信
等级:八尾狐 帖子:1930 积分:17570 威望:0 精华:0 注册:2014/7/29 19:09:00
  发帖心情 Post By:2020/9/8 10:52:00 [显示全部帖子]

可以了,原来是cgdd_table.html 后面少了个l,foxtable中都是写成htm,有时真的晕了

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


加好友 发短信
等级:八尾狐 帖子:1930 积分:17570 威望:0 精华:0 注册:2014/7/29 19:09:00
  发帖心情 Post By:2020/9/8 15:25:00 [显示全部帖子]

Dim e As RequestEventArgs = args(0)
    Dim wb As New weui
    wb.AppendHTML("<title>产品编码列表</title>",True)
    wb.AddForm("","form1","订单新增.htm").Attribute=""
    With wb.AddInputGroup("form1","ipg1","新增订单")
        .AddSelect("产品编码","产品","|PD01|PD02|PD03")
        .AddInput("数量","数量","number")
        .AddInput("单价","单价","number").Step = 0.1
        .AddInput("折扣","折扣","number").Step = 0.01
        With .AddUploader("up1","图片",True)
            .TextPosition = 0 '标题靠左
            .AddImage("./images/shuqi2.jpg")
        End With
    End With
    e.WriteString(wb.Build)

为什么上面红色那行写法,打开网页时网页正常显示,但上方没有出现产品编码列表的标题呢?也没有提示出错


 回到顶部