以文本方式查看主题

-  Foxtable(狐表)  (http://foxtable.net/bbs/index.asp)
--  专家坐堂  (http://foxtable.net/bbs/list.asp?boardid=2)
----  微信网页综合很多控件在一行是如何实现的?  (http://foxtable.net/bbs/dispbbs.asp?boardid=2&id=154198)

--  作者:happyft
--  发布时间:2020/9/7 21:38:00
--  微信网页综合很多控件在一行是如何实现的?

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

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

谢谢!

--  作者:有点蓝
--  发布时间:2020/9/7 21:43:00
--  
WeUI没有这用法。学一下css吧:CSSCSS3
--  作者:HappyFt
--  发布时间: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>

--  作者:有点蓝
--  发布时间:2020/9/7 22:03:00
--  
直接使用:http://www.foxtable.com/mobilehelp/topics/0013.htm

还是先学一下基础吧

如果你打算学习网页设计,我给你推荐一个网站:http://www.w3school.com.cn/h.asp

对于一般用户来说,花一两天的时间掌握HTMLHTML5CSS,就足够使用了,如果想做一些动态的效果,可以再掌握一下JavaScriptCSS3



--  作者:HappyFt
--  发布时间: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文件?
感觉是哪里弄糊涂了
谢谢!

--  作者:有点蓝
--  发布时间:2020/9/7 22:47:00
--  
如果要打开网页,把html文件放到web目录里,直接用即可

        With wb.AddButtonGroup("form1","btg1",True)  \'垂直排列
            .Add("btn5"
"
按钮", "", "新增订单.html")
        End With

但是感觉您说的是提交数据,看这个:http://www.foxtable.com/mobilehelp/topics/0027.htm

--  作者:HappyFt
--  发布时间:2020/9/7 23:05:00
--  
谢谢!
--  作者:HappyFt
--  发布时间: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点击时要如何写才能打开指定的网页文件
谢谢!
 

--  作者:有点蓝
--  发布时间:2020/9/8 10:34:00
--  
肯定是可以的,除非路径和名称不正确
--  作者:HappyFt
--  发布时间:2020/9/8 10:52:00
--  
可以了,原来是cgdd_table.html 后面少了个l,foxtable中都是写成htm,有时真的晕了