自动补全结合tabs

最新推荐文章于 2022-06-10 15:27:00 发布
原创 最新推荐文章于 2022-06-10 15:27:00 发布 · 252 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#自动补全结合tabs

 <html>
<head>
    <title>仪表管理</title>

<body >

 <!--layer  -->
    <script type="text/javascript" src="${ctxStatic}/layer-v2.3/layer/layer.js"></script>
    <link rel="stylesheet" type="text/css" href="${ctxStatic}/layer-v2.3/layer/skin/layer.css">    
    <script src="${ctxStatic}/layui/layui.js" type="text/javascript"></script>
    <link rel="stylesheet" href="${ctxStatic}/layui/css/layui.css" />      


  <div id="select" tabName="仪表,建筑,线路,设备,区域" tabLength="5" tabType="1,2,3,4,5"

                tabUrl="${ctx}/utils/Select/selectMeter"
                secondUrl="${ctx}/utils/Select/secondMeter"
                buildId="" lineId="" meterId="" buildName="" lineName="" measureName=""
                cjqId="" officeId="" cjqNo="" officeName="">

                </div>

    <!-- tabName 页签名称  ；tabLength 页签页数 ； tabType 页签类型  与tabName一一对应：仪表（1）建筑（2）线路（3）设备（4）区域（5）-->
            <!--tabUrl与secondUrl不需要更改 ；buildId，  lineId，meterId。。。。officeName 可通过 $("#select").attr("buildId") 来获取某个ID值-->

</body>
</html>

<script type="text/javascript">

var types;
var url;
var secondUrl;
var length;
$(function(){
     var div=document.getElementById("select").style.height="55px";//页面div 高度
     var name=$("#select").attr("tabName");//获取tabs的名字
     length=$("#select").attr("tabLength");//获取tabs页签数
     var type=$("#select").attr("tabType");//获取tabs类型
     url=$("#select").attr("tabUrl");//获取tabsURL路径
     secondUrl=$("#select").attr("secondUrl");//获取tabs类型
     var names=name.split(",");  //字符分割
     types=type.split(",");  //字符分割
    
     $("#select").append("<div id='tabdiv' class='layui-tab layui-tab-brief' lay-filter='inputTabs' style=''>"
                         +"<ul id='tabul' class='layui-tab-title' style=''></ul><input type='hidden' id='val'/></div>"
     );
     for (var int = 1; int < parseInt(length)+1; int++) {
         if(int==1){
             $("#tabul").append("<li id='"+int+"' lay-id='"+types[int-1]+"' class='layui-this' style='background: #1694e0;color: #fff;border-bottom: 0px solid #fff;height: 25px;'><strong> "+names[int-1]+" </strong></li>")
         }else{
             $("#tabul").append("<li id='"+int+"' lay-id='"+types[int-1]+"' style='border: 0px solid #fff;height: 25px;'><strong> "+names[int-1]+"  </strong></li>")
         }
        
        }
    
     $("#select").append("<div id='inputdiv'> <input id='inputText' type='text' style='width: "+(parseInt(length)*66+100)+"px;height: 30px;float: left;border: 2px solid #1694e0' oninput='meterInput(event)' onclick='meterOnchick()'/>"
                 +"</div>"
                 +"<div id='meterdiv'style=' position: absolute; display:none ; width: "+(parseInt(length)*66+180)+"px; z-index: 10; background: #fff; max-height: 300px; overflow-x: hidden; text-align: left; overflow-x: hidden;border: 2px solid #1694e0;border-top: 0px solid #1694e0;height: 280px;' </div> "
);
     $("#inputdiv").append("<button style='width: 80px;height: 30px;background: #1694e0;display:block;border: 2px solid #1694e0;color: #fff' onclick='sousuo()' onmouseout=''>搜索</button>");
     document.getElementById("val").value=types[0];//默认展开第一个tabs

});



layui.use('element', function(){
    var $ = layui.jquery
    ,element = layui.element; //Tab的切换功能，切换事件监听等，需要依赖element模块
     element.on('tab(inputTabs)', function(){
            location.hash = 'inputTabs='+ this.getAttribute('lay-id');
           var val= this.getAttribute('lay-id');
           $("#inputText").val("");
               var lis = $('#tabul li');
               for(var i=0;i<lis.length;i++){
                   var li = lis[i];//获取每个li元素
                   li.style.background="";
                   li.style.color="";
                }
               this.style.background="#1694e0";
               this.style.color="#fff";
               document.getElementById("val").value=val;
          });
    
    });


//输入框单机事件
function meterOnchick(){
    $("#meterdiv").empty();
    var val=$("#val").val();
    var content=$("#inputText").val();
    document.getElementById("meterdiv").style.display = "";
        $.ajax({
            url : url,
            data:{
                "content" : content,
                "flag":val
            },
            async : false,
            type : "POST",
            dataType : 'json',
            success : function (data){
                var json = data;
                //拼接下拉选项
                $(json).each(function(index, obj) {
                    if(val==1){
                        $("#meterdiv").append("<li id='meterli' class='auto' style='margin-bottom: 0px; 'text='" + obj.id + "'>" +"("+ obj.meterNo+")"+obj.measureName+ "</li>");
                    }else if(val==2){
                        $("#meterdiv").append("<li id='meterli' class='auto'  style='margin-bottom: 0px; 'text='" + obj.id + "'  onmouseover='suspensionenter(this);' onmouseout='suspensionA(this)'>" + obj.buildName+ "</li>");
                    }else if(val==3){
                        $("#meterdiv").append("<li id='meterli' class='auto' style='margin-bottom: 0px; 'text='" + obj.id + "'onmouseover='suspensionenter(this);' onmouseout='suspensionA(this)'>" + obj.lineName+ "</li>");
                    }else if(val==4){
                        $("#meterdiv").append("<li id='meterli' class='auto' style='margin-bottom: 0px; 'text='" + obj.id + "'onmouseover='suspensionenter(this);' onmouseout='suspensionA(this)'>" + obj.cjqNo+ "</li>");
                    }else if(val==5){
                        $("#meterdiv").append("<li id='meterli' class='auto' style='margin-bottom: 0px; 'text='" + obj.id + "'onmouseover='suspensionenter(this);' onmouseout='suspensionA(this)'>" + obj.officeName+ "</li>");
                    }
                });
            }
        });
}
//输入框输入事件
function meterInput(event){
    var val=$("#val").val();
    var content=$("#inputText").val();
    document.getElementById("meterdiv").style.display = "";
        $.ajax({
            url : url,
            data:{
                "content" : content,
                "flag":val
            },
            async : false,
            type : "POST",
            dataType : 'json',
            success : function (data){
                var json = data;
                //清空下拉选项显示的div位置
                $("#meterdiv").empty();
                //拼接下拉选项
                $(json).each(function(index, obj) {
                    if(val==1){
                        $("#meterdiv").append("<li id='meterli' class='auto' style='margin-bottom: 0px; 'text='" + obj.id + "'>" +"("+ obj.meterNo+")"+obj.measureName+ "</li>");
                    }else if(val==2){
                        $("#meterdiv").append("<li id='meterli' class='auto'  style='margin-bottom: 0px; 'text='" + obj.id + "' onmouseover='suspensionenter(this);' onmouseout='suspensionA(this)'>" + obj.buildName+ "</li>");
                    }else if(val==3){
                        $("#meterdiv").append("<li id='meterli' class='auto' style='margin-bottom: 0px; 'text='" + obj.id + "' onmouseover='suspensionenter(this);' onmouseout='suspensionA(this)'>" + obj.lineName+ "</li>");
                    }else if(val==4){
                        $("#meterdiv").append("<li id='meterli' class='auto' style='margin-bottom: 0px; 'text='" + obj.id + "'onmouseover='suspensionenter(this);' onmouseout='suspensionA(this)'>" + obj.cjqNo+ "</li>");
                    }else if(val==5){
                        $("#meterdiv").append("<li id='meterli' class='auto' style='margin-bottom: 0px; 'text='" + obj.id + "'onmouseover='suspensionenter(this);' onmouseout='suspensionA(this)'>" + obj.officeName+ "</li>");
                    }
                    
                });
            }
        });
}

//下拉单机事件

$('#meterli').live('click', function() {
        var meterId = $(this).attr("text");
        document.getElementById("inputText").value = $(this).text();
        $('#meterdiv').css('display', 'none');
        var val=$("#val").val();
        var stime=$("#stime").val();
        var etime=$("#etime").val();
        if(val==2){
            $('#table_list').setGridParam({postData:{"stime":stime,"etime":etime,"ztreeLineId":"","ztreeBuildId":"","propertyId":"","officeId":"","lineId":"","buildId":meterId,"cjqId":"","meterId":"","ztreeLineId":"","buildName":"","lineName":"","measureName":"","cjqNo":"","officeName":""},page:1}).trigger("reloadGrid");
            $("#select").attr("buildId",meterId);
            $("#select").attr("lineId","");
            $("#select").attr("meterId","");
            $("#select").attr("buildName","");
            $("#select").attr("lineName","");
            $("#select").attr("measureName","");
            $("#select").attr("cjqId","");
            $("#select").attr("officeId","");
            $("#select").attr("cjqNo","");
            $("#select").attr("officeName","");
            
        }else if(val==3){
            $('#table_list').setGridParam({postData:{"stime":stime,"etime":etime,"ztreeLineId":"","ztreeBuildId":"","propertyId":"","officeId":"","lineId":meterId,"buildId":"","cjqId":"","meterId":"","ztreeLineId":"","buildName":"","lineName":"","measureName":"","cjqNo":"","officeName":""},page:1}).trigger("reloadGrid");
            $("#select").attr("lineId",meterId);
            $("#select").attr("buildId","");
            $("#select").attr("meterId","");
            $("#select").attr("cjqId","");
            $("#select").attr("officeId","");
            $("#select").attr("cjqNo","");
            $("#select").attr("officeName","");
            $("#select").attr("buildName","");
            $("#select").attr("lineName","");
            $("#select").attr("measureName","");
        }else if(val==1){
            $('#table_list').setGridParam({postData:{"stime":stime,"etime":etime,"ztreeLineId":"","ztreeBuildId":"","propertyId":"","officeId":"","lineId":"","buildId":"","cjqId":"","meterId":meterId,"ztreeLineId":"","buildName":"","lineName":"","measureName":"","cjqNo":"","officeName":""},page:1}).trigger("reloadGrid");
            $("#select").attr("meterId",meterId);
            $("#select").attr("lineId","");
            $("#select").attr("buildId","");
            $("#select").attr("cjqId","");
            $("#select").attr("officeId","");
            $("#select").attr("buildName","");
            $("#select").attr("lineName","");
            $("#select").attr("measureName","");
        }else if(val==4){
            $("#select").attr("cjqId",meterId);
            $("#select").attr("officeId","");
            $("#select").attr("cjqNo","");
            $("#select").attr("officeName","");
            $("#select").attr("buildId","");
            $("#select").attr("lineId","");
            $("#select").attr("meterId","");
            $("#select").attr("buildName","");
            $("#select").attr("lineName","");
            $("#select").attr("measureName","");
            $('#table_list').setGridParam({postData:{"stime":stime,"etime":etime,"ztreeLineId":"","ztreeBuildId":"","propertyId":"","officeId":"","lineId":"","buildId":"","cjqId":meterId,"meterId":"","ztreeLineId":"","buildName":"","lineName":"","measureName":"","cjqNo":"","officeName":""},page:1}).trigger("reloadGrid");
        }else if(val==5){
            $("#select").attr("officeId",meterId);
            $("#select").attr("cjqNo","");
            $("#select").attr("officeName","");
            $("#select").attr("cjqId","");
            $("#select").attr("buildId","");
            $("#select").attr("lineId","");
            $("#select").attr("meterId","");
            $("#select").attr("buildName","");
            $("#select").attr("lineName","");
            $("#select").attr("measureName","");
            $('#table_list').setGridParam({postData:{"stime":stime,"etime":etime,"ztreeLineId":"","ztreeBuildId":"","propertyId":"","officeId":meterId,"lineId":"","buildId":"","cjqId":"","meterId":"","ztreeLineId":"","buildName":"","lineName":"","measureName":"","cjqNo":"","officeName":""},page:1}).trigger("reloadGrid");
        }
        $('#meterdiv').empty();
        });

//点击输入框意外的位置关闭下拉项
    $(document).bind('click', function(e) {
        var e = e || window.event; //浏览器兼容性
        var elem = e.target || e.srcElement;
        while (elem) { //循环判断至跟节点，防止点击的是div子元素
            if (elem.id && elem.id == 'meterdiv') {
                return;
            }
            if (elem.id && elem.id == 'inputText') {
                return;
            }
            elem = elem.parentNode;
        }
        $('#meterdiv').css('display', 'none'); //点击的不是div或其子元素
    });
//搜索
    function sousuo(){//搜索
            var content=$("#inputText").val();
            var val=$("#val").val();
            var stime=$("#stime").val();
            var etime=$("#etime").val();
            if(val==2){
                $('#table_list').setGridParam({postData:{"stime":stime,"etime":etime,"ztreeLineId":"","ztreeBuildId":"","propertyId":"","officeId":"","lineId":"","buildId":"","cjqId":"","meterId":"","buildName":content,"lineName":"","measureName":"","cjqNo":"","officeName":""},page:1}).trigger("reloadGrid");
                $("#select").attr("buildName",content);
                $("#select").attr("meterId","");
                $("#select").attr("lineId","");
                $("#select").attr("buildId","");
                $("#select").attr("lineName","");
                $("#select").attr("measureName","");
                $("#select").attr("cjqId","");
                $("#select").attr("officeId","");
                $("#select").attr("cjqNo","");
                $("#select").attr("officeName","");
            }else if(val==3){
                $("#select").attr("lineName",content);
                $("#select").attr("meterId","");
                $("#select").attr("lineId","");
                $("#select").attr("buildId","");
                $("#select").attr("buildName","");
                $("#select").attr("measureName","");
                $("#select").attr("cjqId","");
                $("#select").attr("officeId","");
                $("#select").attr("cjqNo","");
                $("#select").attr("officeName","");
                $('#table_list').setGridParam({postData:{"stime":stime,"etime":etime,"ztreeLineId":"","ztreeBuildId":"","propertyId":"","officeId":"","lineId":"","buildId":"","cjqId":"","meterId":"","lineName":content,"measureName":"","buildName":"","cjqNo":"","officeName":""},page:1}).trigger("reloadGrid");
            }else if(val==1){
                $("#select").attr("measureName",content);
                $("#select").attr("meterId","");
                $("#select").attr("lineId","");
                $("#select").attr("buildId","");
                $("#select").attr("buildName","");
                $("#select").attr("lineName","");
                $("#select").attr("cjqId","");
                $("#select").attr("officeId","");
                $("#select").attr("cjqNo","");
                $("#select").attr("officeName","");
                $('#table_list').setGridParam({postData:{"stime":stime,"etime":etime,"ztreeLineId":"","ztreeBuildId":"","propertyId":"","officeId":"","lineId":"","buildId":"","cjqId":"","meterId":"","measureName":content,"lineName":"","buildName":"","cjqNo":"","officeName":""},page:1}).trigger("reloadGrid");
            }else if(val==4){
                $("#select").attr("measureName","");
                $("#select").attr("meterId","");
                $("#select").attr("lineId","");
                $("#select").attr("buildId","");
                $("#select").attr("buildName","");
                $("#select").attr("lineName","");
                $("#select").attr("cjqId","");
                $("#select").attr("officeId","");
                $("#select").attr("cjqNo",content);
                $("#select").attr("officeName","");
                $('#table_list').setGridParam({postData:{"stime":stime,"etime":etime,"ztreeLineId":"","ztreeBuildId":"","propertyId":"","officeId":"","lineId":"","buildId":"","cjqId":"","meterId":"","measureName":"","lineName":"","buildName":"","cjqNo":content,"officeName":""},page:1}).trigger("reloadGrid");
            }else if(val==5){
                $("#select").attr("measureName","");
                $("#select").attr("meterId","");
                $("#select").attr("lineId","");
                $("#select").attr("buildId","");
                $("#select").attr("buildName","");
                $("#select").attr("lineName","");
                $("#select").attr("cjqId","");
                $("#select").attr("officeId","");
                $("#select").attr("cjqNo","");
                $("#select").attr("officeName",content);
                $('#table_list').setGridParam({postData:{"stime":stime,"etime":etime,"ztreeLineId":"","ztreeBuildId":"","propertyId":"","officeId":"","lineId":"","buildId":"","cjqId":"","meterId":"","measureName":"","lineName":"","buildName":"","cjqNo":"","officeName":content},page:1}).trigger("reloadGrid");
            }
        }
//悬浮事件
    function suspensionenter(obj){
            $("#builddiv").remove();
            var val=$("#val").val();
            $(obj).css("background-color","#DCEBF9");
            var ids = $(obj).attr("text");
            $("#meterdiv").append("<div id='builddiv' style='width: "+(parseInt(length)*66+180)*0.6+"px;background: #f4f4f4;z-index: 100;right: 0px;position: absolute;top: 0px;max-height: 100%;height: 100%;overflow-x: hidden;overflow-x: hidden;'></div>");
            $.ajax({
                url : secondUrl,
                data:{
                    "ids" : ids,
                    "flag":val
                },
                async : false,
                type : "POST",
                dataType : 'json',
                success : function (data){
                    var json = data;
                    $(json).each(function(index, obj) {
                            $("#builddiv").append("<li id='buildli' class='autobuild' style='margin-bottom: 0px;background: #f4f4f4; 'text='" + obj.id + "' onmouseover='buildmover(this);' onmouseout='buildmousechu(this)'>"+obj.measureName+ "</li>");
                    });
                }
            });
        }
        function suspensionA(obj){
            $(obj).css("background-color","#fff");
        }
        
        function buildmover(obj){
             $(obj).css("background-color","#DCEBF9");
            
        }
        function buildmousechu(obj){
             $(obj).css("background-color","#f4f4f4");
        }
        // 二级下拉事件
        $('#buildli').live('click', function() {
                var meterId = $(this).attr("text");
                var stime=$("#stime").val();
                var etime=$("#etime").val();
//                         document.getElementById("inputText").value = $(this).text();
                $('#meterdiv').css('display', 'none');
                $("#select").attr("meterId",meterId);
                $("#select").attr("lineId","");
                $("#select").attr("buildId","");
                $("#select").attr("buildName","");
                $("#select").attr("lineName","");
                $("#select").attr("measureName","");
                $("#select").attr("cjqId","");
                $("#select").attr("officeId","");
                $("#select").attr("cjqNo","");
                $("#select").attr("officeName","");
                $('#table_list').setGridParam({postData:{"stime":stime,"etime":etime,"officeId":"","lineId":"","buildId":"","cjqId":"","meterId":meterId,"ztreeLineId":"","ztreeBuildId":"","propertyId":"","buildName":"","lineName":"","measureName":"","cjqNo":"","officeName":""},page:1}).trigger("reloadGrid");
                $('#meterdiv').empty();
                });
        
        
        function rese(){
            var stime=$("#stime").val();
            var etime=$("#etime").val();
            $('#table_list').setGridParam({postData:{"stime":stime,"etime":etime,"officeId":"","lineId":"","buildId":"","cjqId":"","meterId":"","ztreeLineId":"","ztreeBuildId":"","propertyId":"","buildName":"","lineName":"","measureName":"","cjqNo":"","officeName":""},page:1}).trigger("reloadGrid");
        }


</script>

李忠祥
关注
Cursor中的Playwright MCP：自动化测试与交互的完美结合
lingding_cn的专栏
04-21 4541
本文详细介绍了Playwright MCP在Cursor中的应用，包括MCP和Playwright的基本概念、Cursor编辑器的特点、MCP在Cursor中的配置方法以及如何使用Playwright MCP实现自动化页面交互，特别是登录场景的实现。文章通过实际代码示例展示了如何使用Playwright MCP控制浏览器进行自动登录，并提供了高级技巧和常见问题的解决方案。对于希望利用AI和自动化工具提高开发效率的开发者来说，本文是一份实用的指南。
HarmonyOs ArkUI- Tabs组件(导航栏)
最新发布
童年纸飞机的博客
03-26 1356
大部分情况下，尤其是主页中的导航栏，不是纯文字的，这时候需要我们写自定义导航栏。如下图，才是应用的常态：这个的写法是比较复杂的，不过需要仔细看下，因为这里面利用了@Builder装饰器。相当于是我们提前做了解了。这个装饰器在自定义组件常见。同时如果您有实现自定义组件的需求，且这个自定义组件可以被使用者定制，您也可以仿照这样去设计！很简单且很好的案例。原理： Bars组件中的，tabBar组件，可以接受一个自定义的函数组件样式。如图好，我们就是利用CustomBuilder来进行自定义组件的设置。
layui自动填充插件autocomplete.rar
07-20
layui自动填充插件,使用教程配合https://www.cnblogs.com/aeolian/p/11993836.html#autoid-6-0-0
自动补全提示（可模糊搜索）的输入框
08-01
利用javascript实现类似于百度，谷歌搜索的自动模糊搜索补全提示的功能，代码中已有详细的注释信息，可以实现鼠标点击，上下方向键浏览点击，enter确认等常用功能，可移植性不错。（修订版）
layui 文本自动填充
weixin_30782293的博客
06-22 4536
layui 插件地址：点我 js代码： layui.config({ base: '../layui/autocomplete/' // 自己autocomplete文件路径 , version: false, debug: false, }); layui.use(['jquery', 'autocomplete'], function () { ...
JS:Tab效果，树形菜单原理
Mr.Vincent with .NET
02-22 665
8、 Tab切换效果的实现：一般都是通过控制网页元素的显示和隐藏来实现的 树形菜单例子： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 树形菜单 .no_circle{ list-style-type:none; display:none; } <script type="text/javascript">
tp5.1 layui 数据表格 选项卡 同个内容框显示不同的数据列表
php菜鸟技术天地
08-28 6479
项目用tp5.1 + layui 数据表格 模板代码： &lt;table id="demo" lay-filter="demo"&gt;&lt;/table&gt; &lt;script type="text/html" id="barDemo"&gt; &lt;a class="layui-btn layui-btn-primary layu
自动补全结合Tabs
12-26
"自动补全结合Tabs"这个主题指的是将自动补全功能与Tab键的使用相结合，以实现更加便捷和流畅的用户体验。 自动补全通常基于已有的数据集或历史记录来提供建议，它可以是简单的固定选项列表，也可以是动态生成的，...
商城搜索新体验：自动补全与Tabs的融合
自动补全（AutoComplete）技术是一种软件功能，...综上所述，自动补全结合Tabs的功能是现代互联网产品中提高用户效率和体验的重要技术之一。通过精心设计和编程实现，这种功能能够在不同的应用和环境中发挥巨大的作用。
jquery自动补全小栗子
09-11
此外，还可以结合其他jQuery插件如Typehead.js或者Select2来实现更复杂的自动补全功能。 标签页效果，通常用于网页布局，允许用户在有限的空间内切换不同的内容区域。实现这个效果，可以使用jQuery的`.tabs()`方法...
layer自动补全 select
狼魂之力
01-06 1752
<div class="layui-col-md4"> <label class="layui-form-label">组织单位<span style="color:red">*</span></label> <div class="layui-input-block"...
uview中的tabs遇到的一些问题（行没有自动填满，样式问题）
IT_Dilraba_bin的博客
06-10 8767
uview中的tabs遇到的一些问题（行没有自动填满，样式问题）
js layui跳转页面_【Layui】实现跳转到指定tab栏
weixin_39950772的博客
12-18 3052
需求背景：实现页面之间的联动跳转，并跳转到指定tab栏解决方法：html代码：PHPhtmlpythongo内容1内容2内容3内容4在正常选项卡基础上，增加如图代码。lay-filter代表地址栏中参数的名称。lay-id来作为唯一的匹配索引，以用于外部的定位切换。步骤2,JS部分便于你区分参数，特定吧参数名字改了一下laofantab： 为刚才定义的lay-filtertype 为地址栏...
搜索引擎自动补全功能的实现
y315495146的博客
04-24 3411
首先：对索引重构： "suggest": {          "type": "completion"        },在索引中加入这个关键词字段；创建Suggest类：public class HouseSuggest { private String input; private int weight = 10; // 默认权重 public String getInput() {...
js 点击弹出取得属性(lay-id)中多个值
php菜鸟技术天地
10-24 6223
//观看直播回放 $(".view_video").on("click",function(){ var arrid = $(this).attr("lay-id"); var strs= new Array(); //定义一数组 ...
layui中的onevent 和event使用方法
热门推荐
Quan的博客
04-08 4万+
这是官方文档的说明 layui.onevent(modName, events, callback) 自定义模块事件，属于比较高级的应用。有兴趣的同学可以阅读layui.js源码以及form模块 layui.event(modName, events, params) 执行自定义模块事件，搭配onevent使用 layui.onevent 可以看作定义的方法的使用的 ...
layui控制选项卡切换 tab切换
qqnbsp的博客
11-27 2706
实现上一步下一步功能。 <ul class="layui-tab-title"> <li class="layui-this" lay-id="1">1.基本信息</li> <li lay-id="2">2.Schema信息</li> <li lay-id="3">3.字段...
layui内容自动填充
success_a的博客
04-30 1620
如果复制官网上的代码不显示该效果 需要在下拉框的父级添加 ：layui-form <div class="form-group"> <label class="col-sm-2 control-label">搜索选择框</label> <div class="layui-input-inline layui-form"> <select lay-verify="required" lay-search="" name="goods_id"&gt
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值