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


  共有4784人关注过本帖平板打印复制链接

主题:给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
图片点击可在新窗口打开查看



 回到顶部