Foxtable(狐表)用户栏目专家坐堂 → 给AddNavBar加上搜索怎么实现


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

主题:给AddNavBar加上搜索怎么实现

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


加好友 发短信
等级:三尾狐 帖子:741 积分:7244 威望:0 精华:0 注册:2015/9/14 14:26:00
给AddNavBar加上搜索怎么实现  发帖心情 Post By:2022/11/23 15:16:00 [只看该作者]

部分代码如下
1、With .LeftGroup.AddItem("nvi01", "") '添加一个项目1  
            .image = "./images/Woa12.jpg" 
            .Attribute = "" style = 'padding-right:10px' "
        End With 
 With ExWeUI.WebUI.AddSearchBar("sbar01") '添加一个搜索条
            .class = "exui-displaynone"
            .DataFunc = "sousuo" '绑定js的查询函数test
            .CancelFunc = "testcancel" '绑定js的取消函数testcancel
            p1Div.InnerHtml = p1Div.InnerHtml & .BuildHtml
            'wb.InsertHTML("page1",.BuildHtml) '添加到page1
        End With
2、js 代码
function showSearchBar(id) {
let p = document.getElementById(id).parentNode;
if (p.classList && p.classList.contains("exui-displaynone")) {
p.classList.remove("exui-displaynone");
}//如果有这个样式类,就移除掉
}

function sousuo(id,value) {  
    let obj = {id:id,value:value};   
    var result = sendAjaxJSON(obj,"filter.htm","",false);  
    document.getElementById("p1").innerHTML=result;  
}  
  
function testcancel(id) {  
    document.getElementById("p1").innerHTML="";  
3、filter.htm的代码
  Case "filter.htm"
        wb.AddForm("", "form1", "list.htm")
        With wb.AddInputGroup("form1", "ipg1", "数据筛选")
            .AddSelect("product", "产品", "PD01|PD02|PD03|PD04|PD05")
            .AddInput("startdate", "开始日期", "date")
            .AddInput("enddate", "结束时间", "date")
        End With
        With wb.AddButtonGroup("form1", "btg1", True)
            .Add("btn1", "确定", "submit")
        End With

          e.WriteString(wb.Build)
4、效果图与相关报错

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

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



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


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

这里内容不全
With .LeftGroup.AddItem("nvi01", "") '添加一个项目1  
            .image = "./images/Woa12.jpg" 
            .Attribute = "" style = 'padding-right:10px' "
        End With 

js加代码调试一下
js 代码
function showSearchBar(id) {
alert(id);
let p = document.getElementById(id).parentNode;

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


加好友 发短信
等级:三尾狐 帖子:741 积分:7244 威望:0 精华:0 注册:2015/9/14 14:26:00
  发帖心情 Post By:2022/11/23 16:55:00 [只看该作者]


此主题相关图片如下:3.png
按此在新窗口浏览图片


此主题相关图片如下:4.png
按此在新窗口浏览图片
alert(id);
let p = document.getElementById(id).parentNode;
这里不知道怎么改
是这样改吗?
还是报错
Uncaught TypeError: Cannot read properties of null (reading 'parentNode')
    at showSearchBar (ordernew.js:2:37)
    at HTMLAnchorElement.onclick (list.htm:19:109)

此主题相关图片如下:5.png
按此在新窗口浏览图片

[此贴子已经被作者于2022/11/23 17:03:40编辑过]

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


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

alert(id);弹出什么内容?

把页面完整代码放入记事本发上来看看

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


加好友 发短信
等级:三尾狐 帖子:741 积分:7244 威望:0 精华:0 注册:2015/9/14 14:26:00
  发帖心情 Post By:2022/11/23 17:05:00 [只看该作者]

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


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


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

代码里没有把 p1Div这个控件添加到网页里,所以不存在搜索条

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


加好友 发短信
等级:三尾狐 帖子:741 积分:7244 威望:0 精华:0 注册:2015/9/14 14:26:00
  发帖心情 Post By:2022/11/24 9:12:00 [只看该作者]

怎么添加啊

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


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

看实例别人是怎么用的

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


 回到顶部